JavaScript Dom 查找

JavaScript Dom 查找

1、直接查找

獲取單個元素 document.getElementById('i1')
獲取多個元素（列表數組） document.getElementsByTagName('div')
獲取多個元素（列表數組） document.getElementsByClassName('c1')

---

• // 根據ID獲取一個標籤
• document.getElementById

---

• // 根據name屬性獲取標籤集合
• document.getElementsByName

---

• // 根據class屬性獲取標籤集合
• document.getElementsByClassName

---

• // 根據標籤名獲取標籤集合
• document.getElementsByTagName

---

 

2、間接查找

指定單個元素 tag = document.getElementById('i1')
查找該元素父級標籤 = tag.parentElenment

---

• // 父節點
• parentNode    

---

• // 全部子節點      
• childNodes      

---

• // 第一個子節點    
• firstChild     

---

• // 最後一個子節點     
• lastChild    

---

• // 下一個兄弟節點       
• nextSibling         

---

• // 上一個兄弟節點
• previousSibling     

---

• // 父節點標籤元素 
• parentElement   

---

• // 全部子標籤        
• children       

---

• // 第一個子標籤元素         
• firstElementChild    

---

• // 最後一個子標籤元素   
• lastElementChild        

---

• // 下一個兄弟標籤元素
• nextElementtSibling    

---

• // 上一個兄弟標籤元素 
• previousElementSibling