如何使用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 [添加""數據 - ID = '123456789']「）;

Answer 3

添加引號的屬性選擇值：

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