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

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

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