javascript get element's tag

Question

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; } 

Answer 1

HTMLElement.tagName

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.