Was ist der Unterschied zu benutzerdefinierten HTML5-Daten-*-Attributen?

Question

&lt;li data-animal="fish"&gt;Salmon&lt;/li&gt; und &lt;li animal="fish"&gt;Salmon&lt;/li&gt; Was sind die Unterschiede zwischen den neuen benutzerdefinierten HTML5-Attributen und den gewöhnlichen definierten Attributen? definierendes Attribut.

高洛峰 · Answer

1.规范性
2.有专门的接口dataset

为情所困 · Answer

如楼上所说，所以属性的访问方式不同。

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

在IDE里面, 有data-前缀的不会报警告.

PHP8, ich komme auch

Lernen Sie das Website-Layout in 30 Minuten

Shangguan Oracle Video-Tutorial für Anfänger bis Fortgeschrittene

Ihre erste Zeile UNI-APP-Code

Flattern Sie von Grund auf bis zum App-Start

Brother Lian Neues Linux-Video-Tutorial

AXURE 9 Video-Tutorial (geeignet für die interaktive Produktdesign-Benutzeroberfläche von Product Manager)

Zero Basic Proficiency PS-Video-Tutorial

16-tägiges UI-Video-Tutorial für den Einstieg

PS-Techniken und Slicing-Techniken-Video-Tutorial

Video-Tutorial zum Bau und zur Projekteinführung der Alibaba Cloud-Umgebung

Überblick über Computernetzwerke – Grundkenntnisse, die Programmierer beherrschen müssen

Grundlegendes Tutorial für Programmierer – Erklärung des HTTP-Protokolls

Websocket-Video-Tutorial