Lets say this is my HTML:
<div id="foo"> <input id="goo" value="text" /> <span id="boo"> </span> </div>
I would like to be able to determine what tag belongs to a html element.
Example element with id “foo” = div
, “goo” = input
, “boo” = span
…
So something like this:
function getTag (id) { var element = document.getElementById(id); return element.tag; }
Advertisement
Answer
const element = document.getElementById('myImgElement'); console.log('Tag name: ' + element.tagName); // Tag name: IMG
<img src="http://placekitten.com/200/200" id="myImgElement" alt="">
NOTE: It returns tags in capitals. E.g. <img />
will return IMG
.