How to Get Element By Class in JavaScript?

by

This code should work in all browsers.

function replaceContentInContainer(matchClass, content) {
    var elems = document.getElementsByTagName('*'), i;
    for (i in elems) {
        if((' ' + elems[i].className + ' ').indexOf(' ' + matchClass + ' ')
                > -1) {
            elems[i].innerHTML = content;
        }
    }
}

The way it works is by looping through all of the elements in the document, and searching their class list for matchClass. If a match is found, the contents is replaced.

jsFiddle Example, using Vanilla JS (i.e. no framework)

More Related Contents:

  1. Javascript comments on same line as code: yes or no? [closed]
  2. http request has been block from https
  3. How to store objects in HTML5 localStorage
  4. How can I check for “undefined” in JavaScript? [duplicate]
  5. Is there a standard function to check for null, undefined, or blank variables in JavaScript?
  6. Invoking JavaScript code in an iframe from the parent page
  7. Adjust width and height of iframe to fit with content in it
  8. How to sort 2 dimensional array by column value?
  9. How to implement authenticated routes in React Router 4?
  10. How to randomize (shuffle) a JavaScript array?
  11. How would you overload the [] operator in javascript
  12. How to detect emoji using javascript
  13. Reverse array in Javascript without mutating original array
  14. What is innerHTML on input elements?
  15. Copy image to clipboard
  16. JavaScript: Listen for attribute change?
  17. How to open a new window and insert html into it using jQuery?
  18. Phonegap InAppBrowser display pdf 2.7.0
  19. Can I install a NPM package from javascript running in Node.js?
  20. javascript regex for password containing at least 8 characters, 1 number, 1 upper and 1 lowercase [duplicate]
  21. How can I specify the base for Math.log() in JavaScript?
  22. Rails, javascript not loading after clicking through link_to helper
  23. Use external javaScript library in angular application
  24. Simulate a button click in Jest
  25. Access Denied for localstorage in IE10
  26. Get the property of the difference between two objects in javascript
  27. Regex JavaScript image file extension [closed]
  28. Performance penalty of creating handlers on every render with react-hooks
  29. How to get read data from response header in jquery/javascript [duplicate]
  30. Owl Carousel Won’t Autoplay

Leave a Comment