How do you use CSS Selectors to select multiple elements?

Question

I have some HTML :

<div class="blah">
<div class="blah">

And I want to get all the divs with class 'blah'

var result = document.querySelector('.blah');

However the result is just the first element.

How do I get ALL elements?

Fiddle :

[https://www.google.com/search?q=javascript+querySelector+for+multiple+elements&gws_rd=ssl](https://www.google.com/search?q=javascript+querySelector+for+multiple+elements&gws_rd=ssl) — , Dec 01 '15 at 11:34

score 1 · Answer 1 · answered Dec 01 '15 at 11:33

1

answered Dec 01 '15 at 11:33

CoderPi

score 1 · Answer 2 · answered Dec 01 '15 at 11:33

1

Instead use document.querySelectorAll which returns you a list.

answered Dec 01 '15 at 11:33

Mark E

score 1 · Accepted Answer · answered Dec 01 '15 at 11:33

1

You can do it with querySelectorALL

var result = document.querySelectorAll('.blah');
console.log(result.length)

<div class="blah">
<div class="blah">

Result are showed in the console.

With jQuery you can simplify it to:

$('.blah');

answered Dec 01 '15 at 11:33

Adrian Menendez

`var $ = function(sel) { return document.querySelectorAll(sel); };` jQuery is so incredibly unnecessary and completely irrelevant here. – Dec 01 '15 at 11:42

3 Answers3