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( )， 移除標籤行內屬性