tagNameプロパティ

tagNameプロパティ
 ・要素のタグ名を大文字で返す。nodeName の値と同じに。

このフレーム内の任意の位置をクリックすれば、クリック位置のタグ名を知らせてくれます。  

Sample

このページ(フレーム)内の全てのHTML要素タグを

(ここに内容表示)

  

  

  

  

Sample Source......................................................................>>>

<script language="JavaScript"><!--
window.onload = function(){      //クリック位置のタグ名を表示
  window.document.onclick = function(evt){
    if (!evt) {    //IE用
      var eType = event.srcElement.tagName;
    }else{      //IE以外用
      var eType = evt.target.tagName;
    }
    alert("私のタグ名は:" + eType);
  }
 }

 function AllTag(){   //フレーム内の全てのタグ名を取得
   var tg_name = "";
   var tgs = document.getElementsByTagName("*");  //* は全称タグ、全てのタグを表す
   for(var i=1;i<tgs.length;i++){
     tg = tgs.item(i).tagName;    //タグ名を取得
     tg_name += tg + "/";
   }
   document.getElementById("view").innerHTML = "<p>このページ(フレーム)内のタグ総数は
         <span style='color:red;font-size:18px'>" + tgs.length +
         "</span>個</p><hr><p>" + tg_name + "</p>";
 }
//--></script>
</head>

<body>
<p>このページ(フレーム)内の全てのHTML要素タグを<button onclick="AllTag()">取り出す</button></p>
<div id="view" style="position:absolute;top:100px;left:370px;width:270px;border:1px solid green">
    (ここに内容表示)</div>  


(最終更新:13/1/3)
フレーム構成になっています・・・<[ホーム] >> [HTML整理ノート]>