How to target element by data attribute using Javascript

Question

I have a div element with a data attribute that I need to use to select that element but I'm drawing a blank on how to do that.

HTML

<div class="element" data-id="123456789"></div>

JS

var element = document.body.querySelector('.element[data-id=123456789]');

Nenad Vracar · Accepted Answer · 2016-12-28 11:37:37Z

27

You just need to add "" on data-id value

var element = document.body.querySelector('.element[data-id="123456789"]')

answered Dec 28, 2016 at 11:37

Nenad Vracar

122k16 gold badges160 silver badges184 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sai · Accepted Answer · 2016-12-28 11:39:49Z

3

Add quotes to the attribute selector value:

var element = document.body.querySelector('.element[data-id="123456789"]');

answered Dec 28, 2016 at 11:39

Sai

2,6685 gold badges34 silver badges49 bronze badges