如何使用javascript计算div中锚标签的数量？

Question

我想知道如何计算div元素中存在的锚标记的数量。 e.g：

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

有多少<a>个代码？

Answer 1

theDivElement.getElementsByTagName('a').length

Answer 2

使用HTML DOM getElementsByTagName()获取对象下的所有“a”标记 要获得div，最好给它一个ID然后再使用 的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>