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

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

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