Comment compter le nombre de balises d'ancrage dans une div en utilisant javascript?

Question

Je veux savoir comment compter le nombre d'étiquettes d'ancrage présentes dans un élément div. .:

par exemple

<div> 
<a href="1" >1</a> 
<a href="2" >2</a> 
<a href="3" >3</a> 
<a href="4" >4</a> 
</div> 

Combien <a> balises?

Answer 1

theDivElement.getElementsByTagName('a').length 

Answer 2

Utilisez HTML DOM getElementsByTagName() pour obtenir tous les "a" balises sous un objet.
Pour obtenir le div vous feriez mieux de lui donner un ID, puis d'utiliser getElementsByTagName.

var anchors = document.getElementById("thediv").getElementsByTagName("a"); 
 
alert("The Div has " + anchors.length + " links in it");

<div id="thediv"> 
 
    <a href="#">link 1</a> 
 
    <a href="#">link 2</a> 
 
    <a href="#">link 3</a> 
 
</div>