javascript get要素のタグ

Question

これが私のHTMLだとしましょう：

<div id="foo">
<input id="goo" value="text" />
<span id="boo">
</span>
</div>

どのタグがhtml要素に属しているかを判別できるようにしたいと思います。

Id "foo" = div、 "goo" = input、 "boo" = span ...の要素の例.

だからこのようなもの：

function getTag (id) {
   var element = document.getElementById(id);
   return element.tag;
}

Answer 1

HTMLElement.tagName

var element = document.getElementById('myImgElement');
console.log('Tag name: ' + element.tagName);
// Tag name: IMG

[〜＃〜] note [〜＃〜]：大文字でタグを返します。例えば。 <img />はIMGを返します。