이 기사에서는 기본 JavaScript의 지정된 요소 아래에서 모든 후손 요소를 얻는 방법에 대해 설명합니다. 참조를 위해 귀하와 공유됩니다. 특정 구현 방법은 다음과 같습니다.
과거에 일반적으로 사용되는 루프 재귀 방법은 매우 번거로운 것처럼 보였습니다. 기본 JavaScript 메소드를 사용 하여이 기능을 구현하는 비교적 간단한 방법을 공유하겠습니다.
코드 예제는 다음과 같습니다.
다음과 같이 코드를 복사하십시오. <! doctype html>
<html>
<헤드>
<meta charset = "utf-8">
<meta name = "author"content = "// www.vevb.com/"/>
<title> javaScript는 자손 요소를 얻습니다 </title>
<script type = "text/javaScript">
Window.onload = function () {
var obox = document.getElementById ( "box");
var show = document.getElementById ( "show");
var nodes = obox.getElementsByTagName ( "*");
show.innerhtml = nodes.length;
}
</스크립트>
</head>
<body>
<div id = "show"> </div>
<div id = "box">
<div>
<ul>
<li> 요소 1 </li>
<li> 요소 2 </li>
<li> 요소 3 </li>
</ul>
</div>
</div>
</body>
</html>
위의 코드는 우리의 요구 사항을 구현하고, 매개 변수 별표는 모든 유형의 태그와 일치 할 수있는 와일드 카드를 나타냅니다.
getElementsByTagName () 메소드의 호출 객체는 검색 범위를 결정합니다.
이 기사가 모든 사람의 JavaScript 웹 프로그래밍에 도움이되기를 바랍니다.