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

WBOY
풀어 주다: 2016-05-16 17:29:24
원래의
1112명이 탐색했습니다.

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



<본문>
  <테이블   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



관련 라벨:
원천:php.cn
이전 기사:JavaScript_javascript 기술에서 클래스 메커니즘 및 개인 변수를 시뮬레이션하는 방법 및 아이디어 다음 기사:Node.js 고정 DIV 높이, part_javascript 기술을 넘어서 스크롤 막대를 자동으로 추가하는 간단한 방법
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
관련 주제
더>
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿