javascript - 为什么 .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>