h5小功能_classList和自定义属性data

###1.classList返回一个对象集

　　通过obj.classList.add()或obj.classList.remove()可操作对象的class属性值

　　classList.toggle( )    class属性值中存在则删除，不存在则添加  

缺点： 需考虑兼容性，不兼容则需自行定义addClass和removeClass的js模块方法

###2.自定义属性

　　自定义属性只有attribute

　　但在属性前加data-   含有property

　　　　该属性含dataset等方法

　　eg：

　　　　<input id="test" data-atguigu-abc="abc"/>

　　　　var in = document.getElementById("#test")

　　　　console.log(in.dataset.atguiguAbc)

　　结果为： abc

附加：  h5新增可编辑属性       contenteditable="true"     可编辑

转载于:https://www.cnblogs.com/john-hwd/p/10494435.html