Question

133

querySelectorAll.style does not work

rated 0 times [ 134] [ 1] / answers: 1 / hits: 30908 / 9 Years ago, mon, october 12, 2015, 12:00:00

I am writing something in JavaScript that I need to use querySelectorAll.style but it always returns undefined, but it works perfectly with querySelector.style. How can I make it work properly so I can set the style?

document.querySelector(div#tabs + tabId + > div.page).style.display = 'none'; //works

document.querySelectorAll(div#tabs + tabId + > div.page).style.display = 'none';// doesn't work

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

nathalieg

Add To Favorites

Follow

Total Points: 462

Total Questions: 106

Total Answers: 93

Location: Turks and Caicos Islands

Member since Tue, Mar 30, 2021

3 Years ago

nathalieg questions

1 Header title not changing with bottom navigation React Native Navigation v5

Wed, May 20, 20, 00:00, 4 Years ago

1 nodejs ffmpeg play video at specific time and stream it to client

Wed, Mar 11, 20, 00:00, 4 Years ago

1 Key Management: Hardcoded Encryption Key for chart.js

Wed, Oct 9, 19, 00:00, 5 Years ago

1 How to stop a PWA from caching my website

Mon, Aug 26, 19, 00:00, 5 Years ago

1 How to click on element from select list with puppeteer

Fri, Jul 5, 19, 00:00, 5 Years ago

View All

answered 9 Years ago mattieparisp · Accepted Answer

querySelectorAll returns a list of elements rather than a single one.

So this should work to apply the style to the first element found:

document.querySelectorAll(div#tabs + tabId + > div.page)[0].style.display = 'none'; // First element