Javascript document.getElementsByTagName()方法

document.getElementsByTagName() 方法返回指定标签名称的所有元素。

getElementsByTagName()方法的语法如下：

document.getElementsByTagName("name")

在此语法中，name是必需的。

document.getElementsByTagName()方法的示例

在这个示例中，我们将统计文档中使用的段落总数。要做到这一点，我们调用了document.getElementsByTagName(“p”)方法来返回总段落数。

<script type="text/javascript">
function countpara(){
var totalpara=document.getElementsByTagName("p");
alert("总的p标签数目为："+totalpara.length);
}
</script>
<p>这是一个段落</p>
<p>这里我们将通过getElementByTagName()方法来统计段落的总数。</p>
<p>让我们看一个简单的示例</p>
<button onclick="countpara()">统计段落</button>

上面示例的输出结果

这是一个段落 

在这里，我们将通过 getElementByTagName() 方法来计算段落的总数。 

让我们看一个简单的示例 

计算段落 

document.getElementsByTagName() 方法的另一个示例

在这个示例中，我们将统计文档中使用的 h2 和 h3 标签的总数。

<script type="text/javascript">
function counth2(){
var totalh2=document.getElementsByTagName("h2");
alert("total h2 tags are: "+totalh2.length);
}
function counth3(){
var totalh3=document.getElementsByTagName("h3");
alert("total h3 tags are: "+totalh3.length);
}
</script>
<h2>This is h2 tag</h2>
<h2>This is h2 tag</h2>
<h3>This is h3 tag</h3>
<h3>This is h3 tag</h3>
<h3>This is h3 tag</h3>
<button onclick="counth2()">count h2</button>
<button onclick="counth3()">count h3</button>

注意：给定示例的输出可能在此页面上有所不同，因为它将计算此文档中使用的段落总数、h2和h3标记的总数。