Javascript 如何通过dataset属性直接访问元素

假设我有以下加价：

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

或

但是有没有一种方法可以在不使用任何其他功能的情况下获得具有相同类型的所有元素？我在想这样的事情：

document.getElementsByDataSetKey(key)

你可以试试

---

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

我认为如果有多个类型，则会出现问题，在这种情况下，应该使用

~=

而不是

=

@nhahtdh您希望元素具有相同的类型，只需将

恐怖

替换为您想要的类型。我指的是

数据类型

中的列表包含多个项目的情况。您是否有关于在字符串中使用

~=

的文档？我以前从未见过这种语法，我很想了解更多。@yadam

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

document.getElementsByDataSetKey(key)

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