How to get element by class name

by

You are missing an s in your function name. getElementsByTagName returns a collection of elements, of elements, which you need to iterate over:

var elements = document.getElementsByClassName("classname");

for (var i = 0; i < elements.length; i++) {
    elements[i].innerHTML = 'foo';
}

IE8 and below don’t support getElementsByClassName, so you’ll have to find a polyfill or use querySelectorAll (IE8).

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. Retrieve the position (X,Y) of an HTML element
  3. Check if an element contains a class in JavaScript?
  4. Changing CSS Values with Javascript
  5. HTML Table with vertical rows
  6. Can I apply CSS to the elements within an iframe?
  7. Uncaught TypeError: Cannot read property ‘top’ of undefined
  8. How to get on-screen visible element objects in jQuery? [duplicate]
  9. How to add a black shadow on top of a div block with background image?
  10. How do you read CSS rule values with JavaScript?
  11. Why is the value of my input always empty if I store it in a variable?
  12. Is there a DOM event that fires when an HTML select element is closed?
  13. Shrink DIV to text that’s wrapped to its max-width?
  14. Why is the variable holding the input value always logged as empty?
  15. How to ONLY trigger parent click event when a child is clicked
  16. Why scripts at the end of body tag
  17. How can I detect when a new element has been added to the document in jquery?
  18. How to Toggle a div’s visibility by using a button click
  19. jQuery – Sticky header that shrinks when scrolling down
  20. Show text letter by letter
  21. window.getSelection() gives me the selected text, but I want the HTML
  22. jQuery: Change element type from hidden to input
  23. jQuery Popup Bubble/Tooltip [closed]
  24. How to toggle class using pure javascript in html
  25. Header message just like at Stack Overflow
  26. Retrieve width/height of a css3 scaled element
  27. Is there a javascript equivalent to using @media query? [duplicate]
  28. How to make a submit button display as a link?
  29. Possible to reverse a css animation on class removal?
  30. Getting a sticky header to “push up”, like in Instagram’s iPhone app using CSS and jQuery

Leave a Comment