如何使用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]');

Answer 1

您只需要在data-id值上添加""

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

Answer 2

使用此document.body.querySelector（“ div [data-id ='123456789']”）;

Answer 3

在属性选择器值中添加引号：

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