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

Question

我想知道如何计算div元素中存在的锚标签的数量.例如:

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