JavaScript Dom 查找

JavaScript Dom 查找

一、直接查找

获取单个元素 document.getElementById('i1')
获取多个元素（列表数组） document.getElementsByTagName('div')
获取多个元素（列表数组） document.getElementsByClassName('c1')

---

• // 根据ID获取一个标签
• document.getElementById

---

• // 根据name属性获取标签集合
• document.getElementsByName

---

• // 根据class属性获取标签集合
• document.getElementsByClassName

---

• // 根据标签名获取标签集合
• document.getElementsByTagName

---

 

二、间接查找

指定单个元素 tag = document.getElementById('i1')
查找该元素父级标签 = tag.parentElenment

---

• // 父节点
• parentNode    

---

• // 所有子节点      
• childNodes      

---

• // 第一个子节点    
• firstChild     

---

• // 最后一个子节点     
• lastChild    

---

• // 下一个兄弟节点       
• nextSibling         

---

• // 上一个兄弟节点
• previousSibling     

---

• // 父节点标签元素 
• parentElement   

---

• // 所有子标签        
• children       

---

• // 第一个子标签元素         
• firstElementChild    

---

• // 最后一个子标签元素   
• lastElementChild        

---

• // 下一个兄弟标签元素
• nextElementtSibling    

---

• // 上一个兄弟标签元素 
• previousElementSibling  

---