JavaScriptgetElementsByTagName

人人都懂ChatGPT

李奕在哪儿｜第二季

NEXTclub

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

document.getElementsByTagName("name")

在此，name为必填项。

document.getElementsByTagName()方法示例

复制代码

<script type="text/javascript">
function countpara(){
var totalpara=document.getElementsByTagName("p");
alert("total p tags are: "+totalpara.length);

}
</script>
<p>这是一段</p>
<p>在这里，无涯教程将通过getElementByTagName()方法计算段落总数。</p>
<p>让无涯教程看一个简单的例子</p>
<button onclick="countpara()">count paragraph</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>这是h2标签</h2>
<h2>这是h2标签</h2>
<h3>这是h3标签</h3>
<h3>这是h3标签</h3>
<h3>这是h3标签</h3>
<button onclick="counth2()">count h2</button>
<button onclick="counth3()">count h3</button>