Quelle est la différence avec les attributs personnalisés html5 data-*.

Question

&lt;li data-animal="fish"&gt;Salmon&lt;/li&gt; et &lt;li animal="fish"&gt;Salmon&lt;/li&gt; Quelles sont les différences entre les nouveaux attributs personnalisés HTML5 et les attributs définis ordinaires ? attribut définissant.

高洛峰 · Answer

1. Normatif
2. Avoir une interface dédiée dataset

为情所困 · Answer

Comme mentionné ci-dessus, les méthodes d'accès aux propriétés sont différentes.

Salmon
Salmon

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"

ringa_lee · Answer

Dans l'EDI, aucun avertissement ne sera signalé s'il y a un préfixe data-.