How do you check if a JavaScript Object is a DOM Object?

by

This might be of interest:

function isElement(obj) {
  try {
    //Using W3 DOM2 (works for FF, Opera and Chrome)
    return obj instanceof HTMLElement;
  }
  catch(e){
    //Browsers not supporting W3 DOM2 don't have HTMLElement and
    //an exception is thrown and we end up here. Testing some
    //properties that all elements have (works on IE7)
    return (typeof obj==="object") &&
      (obj.nodeType===1) && (typeof obj.style === "object") &&
      (typeof obj.ownerDocument ==="object");
  }
}

It’s part of the DOM, Level2.

Update 2: This is how I implemented it in my own library:
(the previous code didn’t work in Chrome, because Node and HTMLElement are functions instead of the expected object. This code is tested in FF3, IE7, Chrome 1 and Opera 9).

//Returns true if it is a DOM node
function isNode(o){
  return (
    typeof Node === "object" ? o instanceof Node : 
    o && typeof o === "object" && typeof o.nodeType === "number" && typeof o.nodeName==="string"
  );
}

//Returns true if it is a DOM element    
function isElement(o){
  return (
    typeof HTMLElement === "object" ? o instanceof HTMLElement : //DOM2
    o && typeof o === "object" && o !== null && o.nodeType === 1 && typeof o.nodeName==="string"
);
}

More Related Contents:

  1. How to check null objects in jQuery
  2. What’s wrong with adding properties to DOM Element objects?
  3. Count the recurrence of a word
  4. Dynamically access object property using variable
  5. How to pass arguments to addEventListener listener function?
  6. Event when window.location.href changes
  7. nodeValue vs innerHTML and textContent. How to choose? [duplicate]
  8. Best Practice: Access form elements by HTML id or name attribute?
  9. How do I do OuterHTML in firefox?
  10. Why are duplicate ID values not allowed in HTML?
  11. How to access CSS generated content with JavaScript
  12. React.js: onChange event for contentEditable
  13. jQuery DOM changes not appearing in view source
  14. How do I put codes from jsfiddle.net into my website?
  15. Screen Scraping from a web page with a lot of Javascript [closed]
  16. Encoding Javascript Object to Json string
  17. What is better, appending new elements via DOM functions, or appending strings with HTML tags?
  18. Attach event listener through javascript to radio button
  19. Check whether HTML element has scrollbars
  20. Why is React’s concept of Virtual DOM said to be more performant than dirty model checking?
  21. getting the last item in a javascript object
  22. Sort Keys in Javascript Object
  23. Javascript / Chrome – How to copy an object from the webkit inspector as code
  24. How to remove undefined and null values from an object using lodash?
  25. What’s the JavaScript’s Object.prototype behavior?
  26. Object referencing its own property on initialization [duplicate]
  27. Converting Array of Objects into Array of Arrays
  28. What’s the difference between a jQuery object and a DOM element? Difference between .get() and .index()?
  29. In web browsers, what’s the difference between onblur and onfocusout?
  30. Create a table in SVG

Leave a Comment