簡述DOM元素的獲取方法

獲取DOM元素的幾種方法

動態獲取DOM元素的方法：

通過此類方法獲得的節點列表，會隨着DOM結構的變化而變化

1. document.getElementById()

該方法通過傳入要獲取元素的id屬性值返回一個DOM元素

2. document.getElementsByClassName()

該方法通過傳入要獲取元素的class屬性值返回一個DOM元素列表

3. document.getElementsByTagName()

該方法通過傳入要獲取元素的標籤類型返回一個DOM元素列表

4. document.getElementsByName()

該方法通過傳入要獲取元素的name屬性值返回一個DOM元素列表

靜態獲取DOM元素的方法：

通過此類方法獲取到的DOM元素，無法根據DOM結構發生的變化動態調整。DOM結構改變後無法繼續使用

1. document.querySelector()

該方法可以傳入css選擇器類型的參數，並返回一個DOM元素

2. document.querySelectorAll()

該方法可以傳入css選擇器類型的參數，並返回一個DOM元素