57 lines
1 KiB
HTML
57 lines
1 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<body>
|
|
|
|
<ul>
|
|
<li>Animals
|
|
<ul>
|
|
<li>Mammals
|
|
<ul>
|
|
<li>Cows</li>
|
|
<li>Donkeys</li>
|
|
<li>Dogs</li>
|
|
<li>Tigers</li>
|
|
</ul>
|
|
</li>
|
|
<li>Other
|
|
<ul>
|
|
<li>Snakes</li>
|
|
<li>Birds</li>
|
|
<li>Lizards</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>Fishes
|
|
<ul>
|
|
<li>Aquarium
|
|
<ul>
|
|
<li>Guppy</li>
|
|
<li>Angelfish</li>
|
|
</ul>
|
|
</li>
|
|
<li>Sea
|
|
<ul>
|
|
<li>Sea trout</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
|
|
<script>
|
|
for (let li of document.querySelectorAll('li')) {
|
|
// get the title from the text node
|
|
let title = li.firstChild.data;
|
|
|
|
title = title.trim(); // remove extra spaces from ends
|
|
|
|
// get the descendants count
|
|
let count = li.getElementsByTagName('li').length;
|
|
|
|
alert(title + ': ' + count);
|
|
}
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|