如何使用Javascript按数据属性定位元素

Question

我有一个带有数据属性的div元素，我需要用它来选择该元素，但我在如何做到这一点上画了一个空白。

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"]');