添加了自定义属性之后,可以通过元素的dataset属性来访问自定义属性的值,dataset属性的值是DOMStringMap的一个实例,也就是一个名值对的映射;比如如下代码:
//本例中使用的方法仅用于演示 var div = document.getElementById("myDiv"); console.log(div.dataset); // DOMStringMap {value: "12345", name: "Nicholas"} //取得自定义属性的值 var value1 = div.dataset.value; console.log(value1); // 12345 var name1 = div.dataset.name; console.log(name1); // Nicholas //设置值 div.dataset.value = 23456; div.dataset.name = "Michael"; //有没有"myname"值呢? if (div.dataset.name){ console.log("Hello, " + div.dataset.name); // Hello, Michael }
浏览器支持的程度有;firefox6+和chrome浏览器;
您可能感兴趣的文章: