javascriptのappendChildでつまづいています。


ieで<body>の子に<div>を入れる、</body>の直前に</div>を入れるjavascriptを教えてください

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2005/09/29 20:03:19
  • 終了:--

回答(4件)

id:redcherry No.1

redcherry回答回数135ベストアンサー獲得回数02005/09/29 20:17:41

ポイント50pt

var pDiv =document.body;

var div =document.createElement(’DIV’);

div.id=’div_id’;

pDiv.appendChild(div);


単独のタグを入れるのではなくて、elementをつくってそれをDOMに追加するようなイメージです。

当然のように</div>を単独で入れる必要はない筈です。


このDIV element内に要素を追加する場合は親がdivなので

var img=document.createElement(’IMG’);

img.src=’http://www.hatena.ne.jp/images/hatenaquestion.gif’;

div.appendChild(img);


とまあ、こんなかんじでどうでしょうか?

id:drivingsummer

なるほど、ありがとうございます。

サイトのデバッグ用に現在入っているコンテンツ

の親要素としてdivを設定したかったのですが、これではできないのですね。

出来る限り元のhtmlに手を加えないでどうにかそういう風に設定することってできるのでしょうか?

2005/09/29 21:00:20
id:hoshikuzu No.2

"><plaintext>回答回数22ベストアンサー獲得回数02005/09/29 20:56:17

ポイント50pt

参考URLは非常に面白いです。状況がいまいちわかりませんので御質問の件と合致するとは限りませんが応用範囲が広いはずです。

コピペには向かないかもしれませんが理念はつかめるのではと思います。

Coreな方法とRangeな方法とを「タスク2 複数要素のグループ化」で解説してくれているところが御質問に応用利きそうなところだと感じました。

id:drivingsummer

ありがとうございます。

タスク2が希望通りの方法だと思いますので

時間があるときにチェックします

2005/09/29 23:58:41
id:redcherry No.3

redcherry回答回数135ベストアンサー獲得回数02005/09/29 21:40:45

ポイント50pt

こんな方法もあります・・・

document.body.innerHTML=’<div>’+document.body.innerHTML+’</div>’;

id:drivingsummer

ありがとうございます。

2005/09/29 23:59:00
id:Mars No.4

Mars回答回数203ベストアンサー獲得回数202005/09/30 08:48:54

ポイント50pt

一発で追加はできないのでbodyの子要素を全部移し変えるとうまくいくと思います。


<html>

<head>

<title></title>

<style type=”text/css”>

<!--

div{border:dashed 16px #fcc};

-->

</style>

<script type=”text/javascript”>

<!--

function addDiv() {

var Body = document.getElementsByTagName(’body’)[0];

var Div = document.createElement(’div’)

while(Body.firstChild) {

Div.appendChild(Body.removeChild(Body.firstChild));

}

Body.appendChild(Div);

}

//-->

</script>


</head>

<body>


<h1>追加テスト</h1>

<p><input type=”button” value=”DIV追加” onclick=”addDiv()”></p>


</body>

</html>

id:drivingsummer

みなさんありがとうございます。

やりたいことができました。これにて質問は終了したいと思います

2005/10/01 14:05:05

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません