为什么.getAttribute为data-*属性返回null

Question

我有一些HTML,我试图用这个脚本获得"data-nChargers"的价值

var noOfChargers = document.getElementById("chargers-list")
                   .getAttribute("nChargers");
console.log(noOfChargers);

<div id="chargers-list" data-nChargers="4"></div>

但它返回null.我究竟做错了什么？

Answer 1

该属性data-nChargers可以通过dataset或访问getAttribute("data-nChargers")

var e = document.getElementById("chargers-list");

console.log(e.getAttribute("data-nChargers"));

console.log(e.dataset.nchargers);

<div id="chargers-list" data-nChargers="4"></div>