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就删除,没有就添加
原文:https://www.cnblogs.com/fanbulaile/p/10018402.html