Apakah perbezaan dengan data html5-* atribut tersuai.

Question

<li data-animal="fish">Salmon</li> 和<li animal="fish">Salmon</li> Apakah perbezaan antara atribut tersuai html5 baharu dan atribut definisi biasa Kedua-duanya adalah atribut definisi.

Answer 1

1. Normatif
2. Mempunyai antara muka khusus dataset

Answer 2

Seperti yang dinyatakan di atas, kaedah capaian hartanah adalah berbeza.

<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"

Answer 3

Dalam IDE, tiada amaran akan dilaporkan jika terdapat awalan data.