关注联楷|返回首页 | 网站案例 | 帮助中心

合作共赢、快速高效、优质的网站建设提供商

上海网站建设 

服务热线:021-61394118

上海联楷科技

什么是数据属性api

作者:佚名   时间:2014-06-05   分享到:

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



如没特殊注明,文章均为上海联楷网络原创,转载请注明来自:http://www.linksj.com/hynews/20151126/n3339.html

上海联楷网络新闻