Heim  >  Artikel  >  Web-Frontend  >  解析dom中的children对象数组元素firstChild,lastChild的使用_javascript技巧

解析dom中的children对象数组元素firstChild,lastChild的使用_javascript技巧

WBOY
WBOYOriginal
2016-05-16 17:29:241107Durchsuche

复制代码 代码如下:




    
    
 
 
 
行1列1 行1列2
行2列1 行2列2
  
    
    
 
 
  
    
 
  
 
  

  <script> <BR> alert(test.children[0].tagName) <BR> alert(test.children[1].tagName) <BR> </script>  


document.all.tbl.children(0).children(0).innerHTML解释
document.all.tbl.children(0)定位到table的第一个子节点


document.all.tbl.children(0).children(0)定位到table的第一个子节点的第一个子节点,打印结果 行1列1 行1列2


document.all.tbl.children(0).children(1).innerHTML,打印结果

行2列1 行2列2


document.all.tbl.children(0).children(1).children(0).innerHTML 打印结果行2列2





    
    
 
 
 
行1列1 行1列2
行2列1 行2列2
  
    
    
 
 
  
    
 
  
 
  

  <script> <BR> alert(test.firstChild.tagName) <BR> alert(test.lastChild.tagName) <BR> </script>  


document.all.tbl.firstChild定位到table的第一个子节点


document.all.tbl.firstChild.firstChild定位到table的第一个子节点
的第一个子节点
document.all.tbl.firstChild.firstChild.innerHTML打印结果是 行1列1 行1列2


document.all.tbl.firstChild.lastChild定位到table的第一个子节点


的最后子节点
document.all.tbl.firstChild.lastChild.innerHTML打印结果是 行2列1 行2列2


document.all.tbl.firstChild.lastChild.firstChild.innerHTML 打印结果是
行2列2

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn