How can I determine the type of an HTML element in JavaScript?

by

nodeName is the attribute you are looking for. For example:

var elt = document.getElementById('foo');
console.log(elt.nodeName);

Note that nodeName returns the element name capitalized and without the angle brackets, which means that if you want to check if an element is an <div> element you could do it as follows:

elt.nodeName == "DIV"

While this would not give you the expected results:

elt.nodeName == "<div>"

More Related Contents:

  1. Include another HTML file in a HTML file
  2. How can I apply a jQuery function to all elements with the same ID?
  3. How can I check if a scrollbar is visible?
  4. Get elements by attribute when querySelectorAll is not available without using libraries?
  5. How to get a DOM Element from a jQuery selector?
  6. How do I check if an element is really visible with JavaScript? [duplicate]
  7. Is it possible to run an .exe or .bat file on ‘onclick’ in HTML
  8. Find the closest ancestor element that has a specific class
  9. Why doesn’t nodelist have forEach?
  10. Pass mouse events through absolutely-positioned element
  11. How can I add a class to a DOM element in JavaScript?
  12. getAttribute() versus Element object properties?
  13. How to get the HTML for a DOM element in javascript
  14. How to check if element has any children in Javascript?
  15. JavaScript DOMParser access innerHTML and other properties
  16. Adding images to an HTML document with JavaScript
  17. Forcing a DOM refresh in Internet explorer after javascript dom manipulation
  18. Override default behaviour for link (‘a’) objects in Javascript
  19. What is the difference between Window and window?
  20. How to get the title of HTML page with JavaScript?
  21. document.createElement(‘script’)… adding two scripts with one callback
  22. Alternative to DOMNodeInserted
  23. How browser executes Javascript and renders asynchronously
  24. Can I add arbitrary properties to DOM objects?
  25. Is there any way to find an element in a documentFragment?
  26. In JavaScript, how can I replace text in an HTML page without affecting the tags?
  27. How do I manipulate the SVG DOM and create elements?
  28. Do events handlers on a DOM node get deleted with the node?
  29. What’s wrong with adding properties to DOM Element objects?
  30. create a HTMLCollection

Leave a Comment