(总结4)HTML5中如何自定义属性

时间:2022-06-03 20:22:26
  • 添加自定义属性
  • box1.dataset["name"] = "zs";
  • 在dom树种查看,自定义属性为 data-name
 1     <div class="box1">
2 box1
3 </div>
4 <script>
5 //添加自定义属性:必须以data-开头
6 var box1 = document.querySelector(".box1");
7 //JS中如何自定义属性
8 //box1.index = 100;
9 //console.log(box1.index);
10
11 //H5中自定义属性:date-xxxx
12 box1.dataset["name"] = "zs";
13 box1.dataset["nameAge"] = "zs18";
14 //如何获取
15 console.log(box1.dataset["name"])
16 //如果是data-name-age 如何获取?
17 console.log(box1.dataset["nameAge"])
18 </script>