HTML DOM childElementCount 속성 childElementCount 속성은 지정된 요소의 하위 요소 수를 반환합니다(텍스트 노드 및 주석 노드 제외). 문법: element.childElementCount 예: var div = document.getElementById('myDiv'); var 개수 = div.childElementCou-HTML 튜토리얼-php.cn

HTML DOM childElementCount 속성 childElementCount 속성은 지정된 요소의 하위 요소 수를 반환합니다(텍스트 노드 및 주석 노드 제외). 문법: element.childElementCount 예: var div = document.getElementById('myDiv'); var 개수 = div.childElementCou

WBOY

풀어 주다： 2023-09-23 12:45:02

앞으로

1088명이 탐색했습니다.

HTML DOM childElementCount 속성은 특정 요소의 하위 요소 수를 반환하는 읽기 전용 속성입니다. childElementCount의 반환 유형은 unsigned long입니다. HTML 문서의 모든 하위 노드가 아닌 쿼리된 노드의 하위 요소만 반환합니다.

Syntax

다음은 childElementCount 속성-

node.childElementCount

로그인 후 복사

Example

의 구문입니다. HTML DOM childElementCount 속성-

<!DOCTYPE html>
<html>
<head>
<style>
   div {
      border: 2px solid blue;
      margin: 7px;
      padding-left:20px;
   }
</style>
</head>
<body>
<p>Click the button below to find out the no of children of the div element</p>
<button onclick="childCount()">COUNT</button>
<div id="myDIV">
<h3>HEADING</h3>
<p>First p element</p>
<p>Second p element</p>
</div>
<p id="Sample"></p>
<script>
   function childCount() {
      var x = document.getElementById("myDIV").childElementCount;
      document.getElementById("Sample").innerHTML = "The div element has "+x+" children";
   }
</script>
</body>
</html>

로그인 후 복사

Output

다음과 같은 출력이 생성됩니다.

HTML DOM childElementCount 属性

childElementCount 属性返回指定元素的子元素数量（不包括文本节点和注释节点）。

语法：
element.childElementCount

示例：
var div = document.getElementById(

을 클릭하세요 "계산" ” 버튼 -

위의 예에서 -

ID가 "myDIV"이고 그 안에 세 개의 요소가 있는 요소를 생성했습니다. 2개의

요소와

헤더. 또한 다른 요소와 구별하기 위해 div에 색상 테두리, 여백 및 패딩을 추가했습니다. -

div {
   border: 2px solid blue;
   margin: 7px;
   padding-left:20px;
}
<div id="myDIV">
<h3>HEADING</h3>
<p>First p element</p>
<p>Second p element</p>
</div>

로그인 후 복사

그런 다음 클릭할 때 childCount() 메서드를 실행하는 COUNT 버튼을 만들었습니다.

<button onclick="childCount()">COUNT</button>

로그인 후 복사

childCount() 메서드는 ID가 "myDIV"(이 경우 ) 요소인 요소를 가져오고 해당 childElementCount 속성 값을 변수 x에 할당합니다. 에는 두 개의

요소와 하나의

요소가 있으므로 childElementCount는 3을 반환합니다.

반환된 값은 -

function childCount() {
   var x = document.getElementById("myDIV").childElementCount;
   document.getElementById("Sample").innerHTML = "The div element has "+x+" children";
}

로그인 후 복사

단락의 innerHTML() 메소드를 사용하여 ID가 "Sample"인 단락에 표시됩니다.

위 내용은 HTML DOM childElementCount 속성 childElementCount 속성은 지정된 요소의 하위 요소 수를 반환합니다(텍스트 노드 및 주석 노드 제외). 문법: element.childElementCount 예: var div = document.getElementById('myDiv'); var 개수 = div.childElementCou의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!