JavaScript Dom 查找

时间:2023-03-10 03:02:46
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