什么是数据属性API

资讯中心 浏览: 31次

使用数据集(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,最后再次获取它,每一次都要把结果登录到控制台,

返回列表
0 条评论

相关文档

更多

成功案例