ページボディ内のチャイルドノードをリストアップしてnodeNameとtagNameを調べる


動作ブラウザ

winmaclinux
n7m1e5e6o7 n7m1e5s1 n7m1k3
ソース

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

function chktagName()
{

  //1 表示データを格納するための変数
  var data = ""

  //2 ページボディノードを変数docへ入れる
  var doc = document.body

  //3 ボディ内のchildNodesを順に取り出し処理する
  for (i=0;i<document.body.childNodes.length;i++ )
  {
     
     oj = document.body.childNodes[i]
     //nodeNameとtagNameを調べる
     data+=(i+'::nodeName : '+ oj.nodeName +' / tagName : '+ oj.tagName +'\n')

  }

  //4 ダイアログで表示する
  alert(data)
}

//-->
</script>


<form>
<input type    = "button"
       value   = "ページボディ内のnodeNameとtagNameを調べる"
       onclick = "chktagName()">
</form>