tagNameプロパティ
■ tagNameプロパティ
・要素のタグ名を大文字で返す。nodeName の値と同じに。
このフレーム内の任意の位置をクリックすれば、クリック位置のタグ名を知らせてくれます。
Sample
このページ(フレーム)内の全てのHTML要素タグを
■ tagNameプロパティ
・要素のタグ名を大文字で返す。nodeName の値と同じに。
このフレーム内の任意の位置をクリックすれば、クリック位置のタグ名を知らせてくれます。
このページ(フレーム)内の全ての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>