DOM初识-元素属性

今日背诵小纸条

非表单元素属性

非表单元素是指内容标签，如<image>、/<image>

对象属性基本和标签属性相同，如href、title、id、src

但其中注意标签的class属性对应为className

注：

1 this的几种情况

情况 含义 普通函数中的this window 构造函数中的this 当前构造函数创建的对象 方法中的this 方法所属的对象 事件处理函数中的this 调用该事件的元素

2 获取内容操作

innerHTML // 获取内容时，如果有标签，将原封不动的以HTML的方式显示出来
innerText // 获取内容时，如果有有标签，将过滤掉标签，再重新赋值时，对应的标签也会自动显示为转义符
textContent // 同innerText，不过浏览器兼容性不同

浏览器兼容性：谷歌都支持；火狐新版都支持，旧版只支持textContent；IE，IE9+以上都支持，旧版支持innerText ；

innerText兼容性处理

function getInnerText( element ){
 if(typeof element.innerText === ’string’){
 return element.innerText;
 }else{
 return element.textContent;
 }
}

表单元素属性

表单元素是指有用户交互的标签，如<list>、<button>等/<button>/<list>

value，用于大部分表单元素的内容获取(option除外)

type，可以获取input标签类型(输入框或是复选框等)

disable，禁用属性

checked，复选框选中属性

selected，下拉菜单选中属性

注：当html中的标签属性只有一个值时，DOM中对应元素的属性值是布尔类型

自定义属性

getAttribute( ) 获取标签行内自定义属性，如season，fruitID等

对应CSS元素

setAttribute( )， 设置标签行内属性

removeAttribute( )， 移除标签行内属性