html属性

html属性分为：Property固有属性，Attribute自定义属性

固有属性可以通过对象点属性获取，例： a.id

自定义属性通过（固定对象也可以） a.getAttribute()     获取属性值

                           a.setAttribute('属性','值')      设置属性值，ie7及以前不支持

                           a.removeAttibute(‘属性’)     删除属性

 

常见固有属性：

1.布尔值属性

          非空字符为true---------> 1,string,[],{}      低版本ie不能将字符转化为true；

          空字符为false ----------> 0 ,null;

         常用地方： checked = 'true' 多选框和单选框选中，selected='true' 下拉框的默认选项 ，readOnly ='true' input框的仅读，不能输入，可以提交； disable='true' 禁止修改和提交；

                           multiple='true' 选择多个文件       hidden ='true' 隐藏不占位置，ie8一下不兼容 

2.字符串属性

   id,  title鼠标移入会显示title文本  ,href,src,lang(html标签中设置语言),dir,accesskey(键盘组合键，可在input设置,按键获取焦点，accesskey='a'  --->alt+a),name,value(传给后端的数据),class

3. data属性

    data-xxx-yyy='modal'   a.dataest.xxxYyy获取属性值        两个‘-’就用驼峰写法

   data-xxx='modal'    对象点XXX获取属性值，a.XXX  来获取属性值

4.classList属性 ，ie11以前不支持

      el.classList.add(class)    

      el.classList.remove(class)

      el.classList.contains(class)  判断有没有class

      el.classList.toggle(class)   如果有class就删除，没有就添加