Hide all elements with class using plain Javascript

by

In the absence of jQuery, I would use something like this:

<script>
    var divsToHide = document.getElementsByClassName("classname"); //divsToHide is an array
    for(var i = 0; i < divsToHide.length; i++){
        divsToHide[i].style.visibility = "hidden"; // or
        divsToHide[i].style.display = "none"; // depending on what you're doing
    }
<script>

This is taken from this SO question: Hide div by class id, however seeing that you’re asking for “old-school” JS solution, I believe that getElementsByClassName is only supported by modern browsers

More Related Contents:

  1. How to extract parts of an address from a string?
  2. Jquery background-image
  3. XMLHttpRequest cannot load XXX No ‘Access-Control-Allow-Origin’ header
  4. Best way to detect when a user leaves a web page?
  5. Cache busting via params
  6. Highlight text range using JavaScript
  7. Sort an array of object by a property (with custom order, not alphabetically)
  8. Select all elements that have a specific CSS, using jQuery
  9. ‘this’ different between REPL and script
  10. What is the difference between JavaScript and ECMAScript?
  11. anchor jumping by using javascript
  12. Have a div cling to top of screen if scrolled down past it [duplicate]
  13. Resource interpreted as Document but transferred with MIME type application/zip
  14. How to access Chrome spell-check suggestions in JavaScript
  15. Automatically open default email client and pre-populate content
  16. AngularJS multiple expressions concatenating in interpolation with a URL
  17. jQuery DataTables server-side processing using ASP.NET WebForms
  18. How to stop event bubbling with jquery live?
  19. Avoid Angular2 to systematically submit form on button click
  20. Regex remove repeated characters from a string by javascript
  21. Refresh page and run function after – JavaScript
  22. JavaScript date objects UK dates
  23. Is there a Sleep/Pause/Wait function in JavaScript? [duplicate]
  24. Why can’t React Hooks be called inside loops or nested function?
  25. jQuery ajax async: false causes a strange warning?
  26. How much data / information can we save / store in a QR code?
  27. Prevent a link to reload page
  28. Do duplicate ID values screw up jQuery selectors?
  29. How to connect two points in Google map..?
  30. sending data as JSON object from Python to Javascript with Jinja [duplicate]

Leave a Comment