ページボディ内のチャイルドノードをリストアップしてnodeNameとtagNameを調べる
動作ブラウザ
win | mac | linux |
n7 | m1 | e5 | e6 | o7 | n7 | m1 | e5 | s1 | n7 | m1 | k3 |
○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
ソース
<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>