使用数据集(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,最后再次获取它,每一次都要把结果登录到控制台,
[免责声明] 本站部分文章和图片均来自用户分享和网络收集,版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如有侵权请联系本站, 合肥网络公司专注于网络推广,转载请说明出处:www.jiufei.net/study/webdesign6877.html
售后响应及时
全国7×24小时客服热线阿里云硬件支持
更安全、更高效、更稳定价格公道透明
全国统一价,不弄虚作假合作风险小
重合同讲信誉,无效全额退款