返回首页 | 网站案例 | 帮助中心

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

深圳网站建设

服务热线:18038067647

什么是数据属性API

时间:2014-6-5

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

建站流程

    深圳网站建设流程