Javascript - document.getElementsByTagName() 方法

2024 年 8 月 29 日 | 阅读 2 分钟

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

getElementsByTagName() 方法的语法如下

这里，name 是必需的。

document.getElementsByTagName() 方法示例

在此示例中，我们将计算文档中使用的段落总数。为此，我们调用了 document.getElementsByTagName("p") 方法，该方法返回总段落数。

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

}
</script>
<p>This is a pragraph</p>
<p>Here we are going to count total number of paragraphs by getElementByTagName() method.</p>
<p>Let's see the simple example</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>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 标签

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

下一主题Javascript innerHTML

我们提供所有技术（如 Java 教程、Android、Java 框架）的教程和面试问题

联系信息

G-13, 2nd Floor, Sec-3, Noida, UP, 201301, India

hr@tpointtech.com

+91-9599086977

关注我们

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

JavaScript 基础

JS 变量和数据类型

JS 控制语句

JavaScript 函数

JavaScript 对象

JS 高级函数

JS Promises & Async/Await

JavaScript DOM

JavaScript JSON 对象

JavaScript 验证

JavaScript Cookies

异常处理

JavaScript 集合

JavaScript 事件

JavaScript OOPs

JavaScript BOM

面试题

选择题

差异

JavaScript Map 方法

JavaScript Handler

JavaScript Number 方法

JavaScript Reflect

JavaScript Symbol

Symbol 属性

JavaScript Math 方法

JavaScript Date 方法

JavaScript DataView

JavaScript Object 方法

JavaScript Set 方法

JavaScript 字符串方法

JavaScript TypedArray 方法

JavaScript WeakMap 方法

JavaScript WeakSet 方法

JavaScript 数组方法

JavaScript RegExp 对象

JavaScript 附加内容

JavaScript 杂项

JavaScript 进阶

问题

Lodash

Javascript - document.getElementsByTagName() 方法

document.getElementsByTagName() 方法示例

上述示例的输出

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

上述示例的输出

这是 h2 标签

这是 h2 标签

这是 h3 标签

这是 h3 标签

这是 h3 标签

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

相关帖子

getElementById

JavaScript innerText 属性

JavaScript innerHTML 属性

getElementsByName

JavaScript DOM (文档对象模型)

GetElementsByClassName()

订阅 Tpoint Tech