如何通過數據集屬性訪問元素直接

Question

假設我有以下標記：

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

我知道，我可以訪問element's使用的數據集的屬性：

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

或

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

但是有沒有辦法讓所有具有相同流派的元素不使用任何其他功能？我想類似的東西：

document.getElementsByDataSetKey(key) 

Answer 1

你可以嘗試querySelectorAll

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

會給你一個包含恐怖的數據類型的所有元素。