html5自定义属性
时间：2023-04-04 22:52:22
HTML5
1.data-*自定义属性介绍在html5中我们可以通过data-来设置我们需要的数据存储的自定义属性ROOT
，可以通过js脚本获取/设置自定义属性，或者使用CSS属性选择器设置样式。25、然后我们对其自定义属性进行操作letroot=document.getElementById('root');console.log(root.dataset.age);//25root.dataset.name='bigZMC';root.dataset.gender='male';console.log(root.dataset);//{age:"25",name:"bigZMC",gender:"male"}deleteroot.dataset.gender;//语法和对象删除一个属性是一样的console.log(root.dataset);//{年龄：“25”，姓名：“bigZMC”}console.log(root);//可以看到dom元素中已经有了自定义name属性//
//ROOT// console.log(root.dataset);可以看出数据集是一个DOMStringMap对象，类似于json键值对。所有自定义元素数据都存储在数据集中。另外需要注意的是，如果自定义属性由两个词组成，比如data-hello-world，那么dataset中的key应该是helloWorld，即驼峰命名的form。3.dataset的好处当一个元素上的数据很多的时候，遍历属性的name方法会比较复杂。这个时候用数据集就一目了然了。首先，让代码letdataset={};for(leti=0;i
