[TimLinux] JavaScript 擷取元素節點的5種方法

標籤：fine   方法   bsp   classname   javascrip   cto   擷取   get   query   

1. getElementById

document.getElementById("id_value") # 傳回值為Node對象，沒有元素時，返回 == undefined值（兩個等號）

2. getElementsByName

document.getElementsByName("name_value") # 傳回值為NodeList數組，沒有元素時，返回空數組[]

3. getElementsByTagName

document.getElementsByTagName("p") # 傳回值為NodeList數組，沒有元素時，返回空數組[]

4. getElementsByClassName

document.getElementsByClassName("class1")  # 傳回值為NodeList數組，沒有元素時，返回空數組[]

5. querySelector和querySelectorAll

document.querySelector("#id > p") # 返回第一個匹配的值，傳回值為Node節點對象，沒有元素時，返回 == undefined值

document.querySelectorAll("#id > p") # 返回所有的值，傳回值為NodeList數組，沒有元素時，返回空數組[]

 

[TimLinux] JavaScript 擷取元素節點的5種方法