지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > dom_javascript 기술에서 하위 객체 배열 요소 firstChild 및 lastChild 구문 분석 사용

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

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

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



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



관련 라벨：
children
원천：php.cn
이전 기사：JavaScript_javascript 기술에서 클래스 메커니즘 및 개인 변수를 시뮬레이션하는 방법 및 아이디어 다음 기사：Node.js 고정 DIV 높이, part_javascript 기술을 넘어서 스크롤 막대를 자동으로 추가하는 간단한 방법
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
정의되지 않은 배열 인덱스: 하위 부서 관리 목록에서 부서를 추가하면 다음과 같은 오류가 발생합니다. 정의되지 않은 배열 인덱스입니다. 답변해 주세요. 감사합니다.
에서 2024-04-05 15:57:40
1
0
2418
React TypeScript에 소품을 입력하는 방법은 무엇입니까? ReactTypeScript에 props를 입력하는 방법은 무엇입니까? '[Props]&{children?:ReactNode;'}'.ts 유형에 'auth...
에서 2024-03-31 15:34:36
0
2
262
useState가 서로 다른 props를 가진 경로 간에 공유되는 이유는 무엇입니까? "Apple"과 "Banana"라는 두 개의 탭이 있는 애플리케이션이 있습니다. 각 탭에는 useState를 사용하여 구현된 ...
에서 2024-03-30 21:19:56
0
2
403
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿