How to iterate through all attributes in an HTML element?

by

This would work in IE, Firefox and Chrome (can somebody test the others please? — Thanks, @Bryan):

for (var i = 0; i < elem.attributes.length; i++) {
    var attrib = elem.attributes[i];
    console.log(attrib.name + " = " + attrib.value);
}

EDIT: IE iterates all attributes the DOM object in question supports, no matter whether they have actually been defined in HTML or not.

You must look at the attrib.specified Boolean property to find out if the attribute actually exists. Firefox and Chrome seem to support this property as well:

for (var i = 0; i < elem.attributes.length; i++) {
    var attrib = elem.attributes[i];
    if (attrib.specified) {
        console.log(attrib.name + " = " + attrib.value);
    }
}

More Related Contents:

  1. Trying to use Javascript to add new li element to my ordered list, anyone know why this code isn’t working?
  2. Do DOM tree elements with IDs become global properties?
  3. How to make JavaScript execute after page load?
  4. Changing website favicon dynamically
  5. How do I programmatically set the value of a select box element using JavaScript?
  6. Dynamically set value of a file input [duplicate]
  7. How to correctly iterate through getElementsByClassName
  8. Appending HTML string to the DOM
  9. How to append text to a “?
  10. Best Practice: Access form elements by HTML id or name attribute?
  11. Difference between Node object and Element object?
  12. Why are duplicate ID values not allowed in HTML?
  13. HTML “overlay” which allows clicks to fall through to elements behind it [duplicate]
  14. JavaScript get element by name
  15. jQuery: how to change tag name?
  16. Difference between Element.value and Element.getAttribute(“value”)
  17. Why is the variable holding the input value always logged as empty?
  18. HTML DOM: Which events do not bubble?
  19. How do I put codes from jsfiddle.net into my website?
  20. Focus Input Box On Load
  21. Screen Scraping from a web page with a lot of Javascript [closed]
  22. Attach event listener through javascript to radio button
  23. window.getSelection() gives me the selected text, but I want the HTML
  24. Is there a flexible way to modify the contents of an editable element?
  25. a way to check validity of HTML5 forms?
  26. Open new window without focus on it [duplicate]
  27. Is there a way to get innerText of only the top element (and ignore the child element’s innerText)?
  28. window.getSelection return html [duplicate]
  29. Images failing to load in IE with DOM: 7009 error (unable to decode) in console
  30. Why is iframe.contentWindow == null?

Leave a Comment