Is it bad practice to add properties to DOM nodes?

by

No, it is usually a bad idea to store your own properties on DOM nodes.

  • DOM nodes are host objects and host objects can do what they like. Specifically, there is no requirement in the ECMAScript spec for host objects to allow this kind of extension, so browsers are not obliged to allow it. In particular, new browsers may choose not to, and existing code relying on it will break.
  • Not all host objects in existing browsers allow it. For example, text nodes and all ActiveX objects (such as XMLHttpRequest and XMLDOM objects, used for parsing XML) in IE do not, and failure behaviour varies from throwing errors to silent failure.
  • In IE, the ability to add properties can be switched off for a whole document, including all nodes within the document, with the line document.expando = false;. Thus if any of the code in your page includes this line, all code relying on adding properties to DOM nodes will fail.

More Related Contents:

  1. Remove all child elements of a DOM node in JavaScript
  2. Changing website favicon dynamically
  3. Check if element is visible in DOM
  4. Dynamically set value of a file input [duplicate]
  5. Why don’t we just use element IDs as identifiers in JavaScript?
  6. What is the difference between children and childNodes in JavaScript?
  7. What is difference between width, innerWidth and outerWidth, height, innerHeight and outerHeight in jQuery
  8. What is my script src URL?
  9. javascript access parent DOM across domains?
  10. How to add/remove a class in JavaScript?
  11. jQuery: how to change tag name?
  12. Why is the loop assigning a reference of the last index element to? [duplicate]
  13. How can I remove all CSS classes using jQuery/JavaScript?
  14. Count immediate child div elements using jQuery
  15. Why does document.body.offsetHeight + document.body.bottomMargin not equal document.documentElement.offsetHeight
  16. Get element node at caret position (in contentEditable)
  17. event.toElement in IE8 and Firefox?
  18. JavaScript moving element in the DOM
  19. Where are constructors such as, `new Image()` and `new Option()`, documented?
  20. How to append text to a div element?
  21. Why is setTimeout(fn, 0) sometimes useful?
  22. Accessing the document object of a frame with JavaScript
  23. Get Cell Location
  24. Fill user name and password in a webpage using VBA
  25. Images failing to load in IE with DOM: 7009 error (unable to decode) in console
  26. Async-loaded scripts with DOMContentLoaded or load event handlers not being called?
  27. How can I determine if a dynamically-created DOM element has been added to the DOM?
  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