使用数据集(dataset)属性的简单DOM API,脚本可以更加容易地获取这个数据,若要获取一个数据属性的值,可以将数据值属性和正在查询的属性的键一起使用.
var el = document.querySelector("p");
var id = el.dataset["id"];
当我们把它应用于此救命的标记中,返回的结果将是123,我们还可以使用数据集更新属性值:
el.dataset["id"]=100;
以下示例,演示了它是怎么起作用的:
var el = document.querySelector("p");
console.log("the ID is",el.dataset['id']);
el.dataset["id"]=100;
console.log("now the id is ",el.dataset["id"]);
在此救命中,我们执行了三个操作,首先获取id数据,然后将其设置为100,最后再次获取它,每一次都要把结果登录到控制台,