如何直接通过数据集属性访问元素

Question

假设我有以下标记:

<div id="Movie" data-genre="horror">The Hills Have Eyes</div>

我知道我可以使用以下方法访问该元素的数据集属性:

document.getElementById("Movie").dataset.genre

要么

document.getElementById("Movie").getAttribute("data-genre")

但有没有办法让所有元素具有相同的流派而不使用任何其他功能？我正在考虑这样的事情:

document.getElementsByDataSetKey(key)

Answer 1

你可以试试 querySelectorAll

document.querySelectorAll('[data-genre~="horror"]');

将为您提供包含恐怖的数据类型的所有元素.