When to use setAttribute vs .attribute= in JavaScript?

by

From Javascript: The Definitive Guide, it clarifies things. It notes that HTMLElement objects of a HTML doc define JS properties that correspond to all standard HTML attributes.

So you only need to use setAttribute for non-standard attributes.

Example:

node.className="test"; // works
node.frameborder="0"; // doesn't work - non standard attribute
node.setAttribute('frameborder', '0'); // works

More Related Contents:

  1. Get all Attributes from a HTML element with Javascript/jQuery
  2. Get all attributes of an element using jQuery
  3. Set attribute without value
  4. Get list of data-* attributes using javascript / jQuery
  5. JavaScript: Listen for attribute change?
  6. What’s the difference between a global variable and a ‘window.variable’ in JavaScript?
  7. setAttribute and video.src for changing video tag source not working in IE9
  8. Defer Attribute (Chrome)
  9. Getting the User Agent with JavaScript
  10. How to set multiple attributes with one value function?
  11. set option “selected” attribute from dynamic created option
  12. javascript remove “disabled” attribute from html input
  13. Javascript: setAttribute() v.s. element.attribute = value to set “name” attribute
  14. How to Access styles from React?
  15. Dynamically change Tweet Button “data-text” contents
  16. How do I pass multiple attributes into an Angular.js attribute directive?
  17. setState doesn’t update the state immediately
  18. How to convert decimal to hexadecimal in JavaScript
  19. Browser/HTML Force download of image from src=”data:image/jpeg;base64…”
  20. What is the best way to determine the number of days in a month with JavaScript?
  21. How to select option in drop down protractorjs e2e tests
  22. Finding longest string in array
  23. Adding additional data to select options using jQuery
  24. Within a web browser, is it possible for JavaScript to obtain information about the HTTPS Certificate being used for the current page?
  25. jQuery() not finding elements in jQuery.parseHTML() result
  26. node.js /socket.io/socket.io.js not found
  27. Maximum item size in IndexedDB
  28. How can my Add-on SDK content script interact with a website page script?
  29. Failed to execute ‘pushState’ on ‘History’ error when using window.history.pushState function
  30. Uncaught Typeerror: cannot read property ‘innerHTML’ of null

Leave a Comment