今日背誦小紙條
方法一 通過ID獲取
getElementById( ’summer’ );
// 對象的數據類型為 HTMLDivElement
對應CSS元素今天好熱啊
方法二 根據標籤名獲取,獲取的集合是動態集合,會根據運行過程動態刷新
getElementsByTagName( ‘p’ );
// 對象的數據類型為 HTMLCollection 偽數組
對應CSS元素今天好熱啊
方法三 根據name獲取,不推薦使用
getElementByName( ’summer’ );
對應CSS元素今天好熱啊
// 會有瀏覽器兼容性問題,如在IE&Opera瀏覽器中,有可能會返回同名的ID標籤
方法四 根據類名獲取
getElementsByClassName( ’summer’ );
// 會有瀏覽器兼容性問題,需要在IE9以後才會支持
對應CSS元素今天好熱啊
方法五 根據選擇器獲取
querySelector( ); //只獲取一個元素,匹配的第一個元素
querySelectorAll( ); // 兼容性問題,需要IE8+
閱讀更多 PM阿嘉 的文章