How to select all children of an element with javascript and change CSS property?

by

While this can be done in one line with JQuery, I am assuming you are not using JQuery – in which case, your code will be:

var nodes = document.getElementById('ID_of_parent').childNodes;
for(var i=0; i<nodes.length; i++) {
    if (nodes[i].nodeName.toLowerCase() == 'div') {
         nodes[i].style.background = color;
     }
}

See http://jsfiddle.net/SxPxN/ for a quick example I created – Click on “change ’em” to see it in action

More Related Contents:

  1. How could I make a calendar? [closed]
  2. How can I get query string values in JavaScript?
  3. How do I simulate a mouseover in pure JavaScript that activates the CSS “:hover”?
  4. How can I access and process nested objects, arrays or JSON?
  5. Where can I find documentation on formatting a date in JavaScript?
  6. Call multiple functions onClick ReactJS
  7. selectionStart/selectionEnd on input type=”number” no longer allowed in Chrome
  8. Why is NaN === NaN false? [duplicate]
  9. How to show a spinner while loading an image via JavaScript
  10. Change color of specific words in textarea
  11. How to save image from canvas with CSS filters
  12. Redirecting to a relative URL in JavaScript
  13. Is it any limit for POST data size in Ajax?
  14. Does JavaScript have undefined behaviour?
  15. Javascript Split string on UpperCase Characters
  16. How do you detect support for VML or SVG in a browser
  17. How to Pass data from child to parent component Angular
  18. Call a child method from a parent class in ES6
  19. Sticky Header after scrolling down
  20. What’s the best way to add a full screen background image in React Native
  21. How does the single equal sign work in the if statement in javascript
  22. Get timezone abbreviation using offset value
  23. Differences between document.ready and $function [duplicate]
  24. How can I open a link in a new window?
  25. Handlebars Template rendering template as text
  26. Is there a jQuery selector to get all elements that can get focus?
  27. NotReadableError: Could not start source
  28. How to send data to remote server using Javascript
  29. JavaScript Array Push key value
  30. Using JavaScript to increment top/left/bottom/right values

Leave a Comment