全栈JavaScript之路（十八）HTML5 自己定义数据属性「建议收藏」

大家好，又见面了，我是全栈君。

HTML5 规范规定，用户能够为元素 自己定义非标准属性， 可是要加入 data- 前缀。

目的是为元素提供与页面渲染无关的信息、或者语义信息。这些属性名能够任意加入，仅仅要带上前缀 data- 开头就能够。

<div id="myid" data-appid="1" data-appname="csdn"></div>

加入属性这后能够通过 dataset 訪问自己定义属性，dataset 属性 是DOMStringMap 类型的实例。 也是一个 key : value 的键值对。

注冊：每个data-name 形式的属性 相应。 dataset 的 name 属性。

以上面的样例来说;

var div = document.getElementById("myid");
div.dataset.appid ===' 1'; //true
div.dataset.appname ==='nama';//true

能够设置自己定义属生的值：

div.dataset.appid = "100"

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/116559.html原文链接：https://javaforall.cn