querySelectorAll.style does not work

by

querySelector:

Returns the first element within the document…

querySelectorAll:

Returns a list of the elements within the document…

IE in the first one, you’re operating on a single element, which does have a style property. The second one is a list of elements, so you need to loop over that list applying the style:

var els = document.querySelectorAll("div#tabs" + tabId + "> div.page");
for (var x = 0; x < els.length; x++)
    els[x].style.display = 'none';

More Related Contents:

  1. Displaying Javascript variables in HTML
  2. Single event handler for four button clicks
  3. Parse an HTML string with JS
  4. In JavaScript can I make a “click” event fire programmatically for a file input element?
  5. Twitter Bootstrap Tabs: Go to Specific Tab on Page Reload or Hyperlink
  6. jQuery document.createElement equivalent?
  7. How to get the raw value an field?
  8. How to fix getImageData() error The canvas has been tainted by cross-origin data?
  9. Losing scope when using ng-include
  10. Change label text using JavaScript
  11. Detect click event inside iframe
  12. JS: Get array of all selected nodes in contentEditable div
  13. Uploading Image to Amazon s3 with HTML, javascript & jQuery with Ajax Request (No PHP)
  14. Store jquery selector in variable
  15. How to add DOM element script to head section?
  16. How does GitHub change the URL but not the reload? [duplicate]
  17. Why does a FORM with one text INPUT submit on enter while one with two text INPUTs does not? [duplicate]
  18. Change how fast “title” attribute’s tooltip appears
  19. Javascript click event listener on multiple elements and get target ID
  20. Writing data to a local text file with javascript
  21. html download attribute redirects to url instead of downloading
  22. React, losing saved data in localStorage with useEffect after page refresh
  23. Preventing Canvas Clear when Resizing Window
  24. How to calculate the width of the scroll bar?
  25. minimise the code since I am using the same code only the content in p tags changes and component AccordionHeader header changes
  26. Copy/Paste from Excel to a web page
  27. onclick event function in JavaScript
  28. Cross-Origin resource sharing and file://
  29. Hot to get incomplete datetime-local input values
  30. Content of html page changed by jQuery but “View Source” don’t reflect the changes

Leave a Comment