獲取元素方法合輯

今日背誦小紙條

DOM初識 - 獲取元素方法合輯


方法一 通過ID獲取

getElementById( ’summer’ );
// 對象的數據類型為 HTMLDivElement

對應CSS元素
今天好熱啊

方法二 根據標籤名獲取,獲取的集合是動態集合,會根據運行過程動態刷新

getElementsByTagName( ‘p’ );
// 對象的數據類型為 HTMLCollection 偽數組

對應CSS元素

今天好熱啊


方法三 根據name獲取,不推薦使用

getElementByName( ’summer’ );

對應CSS元素
今天好熱啊

// 會有瀏覽器兼容性問題,如在IE&Opera瀏覽器中,有可能會返回同名的ID標籤

方法四 根據類名獲取

getElementsByClassName( ’summer’ );
// 會有瀏覽器兼容性問題,需要在IE9以後才會支持

對應CSS元素
今天好熱啊

方法五 根據選擇器獲取

querySelector( ); //只獲取一個元素,匹配的第一個元素

querySelectorAll( ); // 兼容性問題,需要IE8+


分享到:


相關文章: