javascript get element's tag

html, javascript, tags

Solution

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`.

Problem

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

Original source