在JavaScript中,可以使用HTML DOM(文档对象模型)getElementsByTagName()方法来按标签名获取元素列表。该方法返回一个元素列表,其中包含与指定标签名匹配的所有元素。
语法
document.getElementsByTagName(tagname)
参数说明:
- tagname: 必需,一个字符串参数,指定要查找的标签名。
示例
以下示例演示如何使用getElementsByTagName()方法来获取文档中所有
元素:
html>
<html>
<head>
<title>getElementsByTagName Exampletitle>
head>
<body>
<h1>Hello World!h1>
<p>This is a paragraph.p>
<p>This is another paragraph.p>
<script>
var paragraphs = document.getElementsByTagName("p");
console.log(paragraphs.length); // 输出 2
script>
body>
html>
在上述示例中,我们首先创建了两个
元素,并使用getElementsByTagName()方法获取这两个元素。然后,我们将元素列表存储到paragraphs变量中,并使用console.log()方法输出元素列表的长度。
注意事项
- 如果指定的标签名不存在于文档中,则该方法将返回一个空的元素列表。
- getElementsByTagName()方法返回的是一个HTMLCollection对象,它类似于数组,但并非真正的数组。因此,您不能对其使用Array方法,例如forEach()或map()。
- getElementsByTagName()方法适用于文档中的所有元素,而不仅仅是文档的顶级节点。因此,如果您想在文档中查找指定标签名的元素时,可以使用该方法。
结论
getElementsByTagName()方法是一种非常有用的方法,可以帮助我们按照标签名获取元素列表。使用这个方法,我们可以方便地遍历所有匹配的元素,并执行必要的操作。