Can I add arbitrary properties to DOM objects?

by

ECMAScript 6 has WeakMap which lets you associate your private data with a DOM element (or any other object) for as long as that object exists.

const wm = new WeakMap();
el = document.getElementById("myelement");
wm.set(el, "my value");
console.log(wm.get(el)); // "my value"

Unlike other answers, this method guarantees there will never be a clash with the name of any property or data.

More Related Contents:

  1. How to pass arguments to addEventListener listener function?
  2. Remove all child elements of a DOM node in JavaScript
  3. Changing website favicon dynamically
  4. Check if element is visible in DOM
  5. Dynamically set value of a file input [duplicate]
  6. Why don’t we just use element IDs as identifiers in JavaScript?
  7. What is the difference between children and childNodes in JavaScript?
  8. How to append text to a “?
  9. Difference between “change” and “input” event for an `input` element
  10. Setting innerHTML vs. setting value with Javascript
  11. What is difference between width, innerWidth and outerWidth, height, innerHeight and outerHeight in jQuery
  12. Using querySelectorAll to retrieve direct children
  13. How to add/remove a class in JavaScript?
  14. How can I get an object’s absolute position on the page in Javascript? [duplicate]
  15. Why is the loop assigning a reference of the last index element to? [duplicate]
  16. How do you listen / detect changes to an input value – when the input value is changed via javascript?
  17. How can I remove all CSS classes using jQuery/JavaScript?
  18. Add elements to the DOM given plain text HTML using only pure JavaScript (no jQuery)
  19. Why does document.body.offsetHeight + document.body.bottomMargin not equal document.documentElement.offsetHeight
  20. javascript to create a button with onclick
  21. Get element node at caret position (in contentEditable)
  22. JavaScript moving element in the DOM
  23. Where are constructors such as, `new Image()` and `new Option()`, documented?
  24. Why is setTimeout(fn, 0) sometimes useful?
  25. How do I capture a CTRL-S without jQuery or any other library?
  26. Accessing the document object of a frame with JavaScript
  27. Get Cell Location
  28. Fill user name and password in a webpage using VBA
  29. Is there any way to find an element in a documentFragment?
  30. Removing element with jQuery?

Leave a Comment