>웹 프론트엔드 >JS 튜토리얼 >dom_javascript 기술에서 하위 객체 배열 요소 firstChild 및 lastChild 구문 분석 사용

dom_javascript 기술에서 하위 객체 배열 요소 firstChild 및 lastChild 구문 분석 사용

WBOY
WBOY원래의
2016-05-16 17:29:241131검색

코드 복사 코드는 다음과 같습니다.



<본문>
  <테이블   id="tbl">  
  行1列1行1列2  
  行2列1行2列2
 
    
    
    
 
    
    
  <테이블>  
 
  

  <스크립트>  
  알림(test.children[0].tagName)  
  알림(test.children[1].tagName)  
    




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


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


<본문>
  <테이블   id="tbl">  
  行1列1行1列2  
  行2列1行2列2
 
    
    
    
 
    
    
  <테이블>  
 

  

  <스크립트>  
  경보(test.firstChild.tagName)  
  경보(test.lastChild.tagName)  
    




document.all.tbl.firstChild정정位到테이블의 第一个子节点
document.all.tbl.firstChild.firstChild정의 테이블의 第一个子节点

적의 第一个子节点

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


document.all.tbl.firstChild.lastChild정정位到테이블의 第一个子节点

적의 最后子节点

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


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

行2列2



성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:JavaScript_javascript 기술에서 클래스 메커니즘 및 개인 변수를 시뮬레이션하는 방법 및 아이디어다음 기사:JavaScript_javascript 기술에서 클래스 메커니즘 및 개인 변수를 시뮬레이션하는 방법 및 아이디어

관련 기사

더보기