Javascript

【Javascript】DOM Samples /Core　Node/appendChild()

Javascript関連情報

更新日：2004年08月18日

DOM Samples /Core　Node/appendChild()

高橋登史朗

ノードを追加する。引数newChild を子ノードの末尾に追加する。

サンプル : 3

動作ブラウザ

win				mac				linux
n7	m1	e6	o7	n7	m1	e5	s1	n7	m1	k3
○	○	○	○	○	○	○	○	○	○	○

ボタンクリックでdivタグ内の子ノードへ画像を追加します。

この文字をクリックしてください


<script type="text/javascript">
<!--

  function addImg( oj , img )
  {
  
    // ELEMENT_NODEを作り変数ndへ入れる
    var nd = document.createElement('img') ;

    // エレメントにsrc属性と値をセット
    nd.setAttribute('src','add.gif')

    // 末尾へ追加
    oj.appendChild( nd ) ;


  }
  
//-->
</script>

<div onclick="addImg( this , 'add.gif' )">この文字をクリックしてください</div>

【関連リンク】
・ホームページ作成（All About）
・HTML・XML（All About）
・CGI・Perl（All About）
・データベース（All About）

マネしたくなるアイデア住宅

住まいには、人の個性がよく現れるもの。同じ空間をどのように使うかで、雰囲気も、快適さも大きく変わってくる。ここでは、「建築家と家を建てる」ガイドの川畑博哉氏が厳選した10軒を紹介し、建築家それぞれのこだわりのポイントを紹介しよう。建築のプロたちが考え出した、マネしたくなるアイデアが満載！さぁ、いますぐチェック！