誕生日にもらった意外なもの

指定位置に要素を追加する

解決済

  • 質問者：idhokanohi
  • 質問日時：
  • 回答数：2件

<script type="text/javascript">
function test(){
var hako2 = document.createElement('div');
hako1.innerHTML = "TEST2";
var lk2 = document.getElementById('link2');
var li2 = lk2.parentNode;
li2.appendChild(hako2);
}
</script>
</head>
<body>
<div><a href="1" id="link1">1</a></div>
<div><a href="2" id="link2">2</a></div>
<div><a href="3" id="link3">3</a></div>

<input type="button" onclick="test()" value="test">
</body>

みたいなイメージなのですが、いかんせんスマートじゃありません
できれば<div>で<a>を囲うのをやめたいのです。
ターゲットになる<a>の位置は固定ではなく前後に他の要素が入ることもあります

<a href="2" id="link2">2</a>の次に<div>TEST2</div>を生成できればどんなのでも？いいのですが、何かいいやり方ありませんか？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.2ベストアンサー

  • 回答者： yambejp
  • 回答日時：

こういうことですよね？



<script>
function test(){
var hako2 = document.createElement('div');
hako2.appendChild(document.createTextNode("TEST2"));
var lk2 = document.getElementById('link2');
lk2.parentNode.insertBefore(hako2,lk2.nextSibling);
}
</script>
<a href="1" id="link1">1</a>
<a href="2" id="link2">2</a>
<a href="3" id="link3">3</a>
<input type="button" onclick="test()" value="test">
    • good
    • 0
    • 件
通報する
この回答へのお礼

まさにこれです！ありがとうございます！

通報する
お礼日時：2009/08/20 11:54

No.1

  • 回答者： 1OKwave
  • 回答日時：

×hako1.innerHTML = "TEST2";


○hako2.innerHTML = "TEST2";
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報