x
1
2
<html>3
<head>4
<style>5
div {6
border: 1px solid black;7
margin: 5px;8
}9
</style>10
</head>11
<body>12
13
<p>Click the button to find out how many children the div element below has.</p>14
15
<button onclick="myFunction()">Try it</button>16
17
<div id="myDIV">18
<p> element </p>19
<p> element </p>20
<p> element </p>21
<p> element </p>22
<p> element </p>23
24
</div>25
26
<p><strong>Note:</strong> The childElementCount property is not supported in IE8 and earlier versions.</p>27
28
<p id="demo"></p>29
30
<script>31
function myFunction() {32
var c = document.getElementById("myDIV").childElementCount;33
document.getElementById("demo").innerHTML = c;34
}35
</script>36
37
</body>38
</html>