要根据标签名获取元素,可以使用JavaScript中的 getElementsByTagName
方法。
getElementsByTagName
方法接受一个标签名作为参数,并返回一个包含指定标签名的元素列表。可以通过索引来访问列表中的元素。
以下是使用 getElementsByTagName
方法获取元素的代码示例:
// 获取所有 <p> 元素
var pTags = document.getElementsByTagName('p');// 遍历所有 <p> 元素
for (var i = 0; i < pTags.length; i++) {var pTag = pTags[i];// 在控制台打印 <p> 元素的内容console.log(pTag.textContent);
}
在上面的示例中,首先使用 getElementsByTagName
方法获取所有 p
标签元素,并将它们存储在一个名为 pTags
的变量中。然后,通过遍历 pTags
列表,可以分别访问每个 <p>
元素。
在循环中,将当前的 <p>
元素存储在名为 pTag
的变量中,并通过 textContent
属性获取元素的内容。在控制台中打印出每个 <p>
元素的内容。
注意,getElementsByTagName
方法返回的是一个 HTMLCollection 对象,类似于数组,可以通过索引访问元素。