<li data-animal="fish">Salmon</li>
和<li animal="fish">Salmon</li>
Was ist der Unterschied zwischen den neuen benutzerdefinierten HTML5-Attributen und normalen Definitionsattributen?
如樓上所說(shuō),所以屬性的訪問(wèn)方式不同。
<li data-animal="fish" id="hello">Salmon</li>
<li animal="fish" id="hi">Salmon</li>
var hello = document.getElementById("hello");
var hi = document.getElementById("hi");
// 獲取id為hello的元素的data-animal屬性
console.log(hello.getAttribute("data-animal")); // "fish"
console.log(hello.dataset.animal); // "fish"
// 獲取id為hi的元素的animal屬性
console.log(hi.getAttribute("animal")); // "fish"