Javascript DOM: Setting custom DOM element properties

by

As a general rule, don’t use custom properties. You shouldn’t modify DOM objects in ways they don’t expect because they may not behave the way you think they will.

The mechanism for custom attributes in HTML5 is to use the data- prefix.

However, HTML5 is not a stanard and is not that widely implemented yet. But if you use set/getAttribute for data- attributes it should work on all reasonably modern browsers and no standard attribute should be introduced in the future with a data- prefix.

But having said that, I would still recommend using a custom object to store the values and referencing them by element id or class or some other standard (as in HTML 4.01) attribute value. It avoids the issue of custom properties and attributes and is known to work everywhere.

More Related Contents:

  1. Retrieve the position (X,Y) of an HTML element
  2. Include another HTML file in a HTML file
  3. How can I check if a scrollbar is visible?
  4. How to get element by class name? [duplicate]
  5. How to get a DOM Element from a jQuery selector?
  6. How do I create a link using javascript?
  7. “innerHTML += …” vs “appendChild(txtNode)”
  8. Retrieving the text of the selected in element
  9. Replace HTML page with contents retrieved via AJAX
  10. How can I highlight the text of the DOM Range object?
  11. JavaScript accessing inner DOM of SVG
  12. How can I add a class to a DOM element in JavaScript?
  13. How to get the HTML for a DOM element in javascript
  14. JavaScript DOMParser access innerHTML and other properties
  15. How to find a parent with a known class in jQuery?
  16. jQuery count child elements
  17. Why aren’t some technically serializable input properties serializable?
  18. How to give a Blob uploaded as FormData a file name?
  19. Do I need to remove event listeners before removing elements?
  20. Add an element to the DOM with JavaScript
  21. Why does document.querySelectorAll return a StaticNodeList rather than a real Array?
  22. Override default behaviour for link (‘a’) objects in Javascript
  23. What is the difference between Window and window?
  24. cloning javascript event object
  25. What is the difference between Document and document in JavaScript?
  26. Retrieving value from with multiple option in React
  27. Alternative to DOMNodeInserted
  28. Accessing the document object of a frame with JavaScript
  29. Attaching events after DOM manipulation using JQuery ajax
  30. How can I determine if a dynamically-created DOM element has been added to the DOM?

Leave a Comment