How to use querySelector() with multiple attributes ?

Hello,

I'm trying to use querySelector() with multiple attributes and I don't understand why it doesn't work.

alert(document.querySelectorAll('article[data-id='+id+'][data-color='+color+']'));

It seems to be the data-color which generates the problem : it returns null whereas I the element exists in the DOM. But I really don't understand why.

Do you have any idea ?

Thanks ;).

Sergiu17

4 years ago

Level 60

document.querySelector(`article[data-id='${id}'][data-color='${color}']`)

vincent15000

4 years ago

Level 63

@Sergiu17 Unfortunately no, same problem.

Sergiu17

4 years ago

Best Answer

Level 60

@vincent15000 could you please share an example of your HTML on https://jsbin.com ?

vincent15000

4 years ago

Level 63

@Sergiu17 It's ok ... I search for the problem for 2 hours and it was only a little variable that wasn't initialized correctly. Sure, I'm tired ;).

It's not really the good answer, but it helped me to find the solution. ;)

Please or to participate in this conversation.