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

Posted 2020-10-22 powerplay

• 添加自定义属性

• 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>