HTML-DOM-Eigenschaft childElementCount Die Eigenschaft childElementCount gibt die Anzahl der untergeordneten Elemente des angegebenen Elements zurück (ohne Textknoten und Kommentarknoten). Grammatik: element.childElementCount Beispiel: var div = document.getElementById('myDiv'); var count = div.childElementCou-HTML-Tutorial-php.cn

HTML-DOM-Eigenschaft childElementCount Die Eigenschaft childElementCount gibt die Anzahl der untergeordneten Elemente des angegebenen Elements zurück (ohne Textknoten und Kommentarknoten). Grammatik: element.childElementCount Beispiel: var div = document.getElementById('myDiv'); var count = div.childElementCou

WBOY

Freigeben： 2023-09-23 12:45:02

nach vorne

1067 Leute haben es durchsucht

Die

HTML DOM-Eigenschaft childElementCount ist eine schreibgeschützte Eigenschaft, die die Anzahl der untergeordneten Elemente eines bestimmten Elements zurückgibt. Der Rückgabetyp von childElementCount ist unsigned long. Es werden nur die untergeordneten Elemente des abgefragten Knotens zurückgegeben, nicht alle untergeordneten Knoten des HTML-Dokuments.

Syntax

Das Folgende ist die Syntax des Attributs „childElementCount“ – „

node.childElementCount

Nach dem Login kopieren

“ Klicken Sie auf Schaltfläche „Zählen“ – < /p>

Im obigen Beispiel –

haben wir ein Element mit der ID „myDIV“ und drei darin enthaltenen Elementen erstellt. Zwei

-Elemente und ein

-Header. Wir haben dem Div außerdem einen farbigen Rahmen, einen Rand und eine Polsterung hinzugefügt, um es von anderen Elementen zu unterscheiden -

<!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>

Nach dem Login kopieren

HTML DOM childElementCount 属性

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

语法：
element.childElementCount

示例：
var div = document.getElementById(

Dann haben wir eine Schaltfläche COUNT erstellt, die beim Klicken die Methode childCount() ausführt. Die Methode

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>

Nach dem Login kopieren

childCount() ruft das Element mit der ID „myDIV“ (in unserem Fall) ab und weist seinen childElementCount-Attributwert der Variablen x zu. Da es zwei

-Elemente und ein

-Element in gibt, gibt childElementCount 3 zurück. HTML DOM childElementCount 属性

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

语法：
element.childElementCount

示例：
var div = document.getElementById(

Der zurückgegebene Wert wird dann im Absatz mit der ID „Sample“ mithilfe der innerHTML()-Methode im Absatz angezeigt -

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

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonHTML-DOM-Eigenschaft childElementCount Die Eigenschaft childElementCount gibt die Anzahl der untergeordneten Elemente des angegebenen Elements zurück (ohne Textknoten und Kommentarknoten). Grammatik: element.childElementCount Beispiel: var div = document.getElementById('myDiv'); var count = div.childElementCou. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!