> 文章列表 > getElementsByTagName

getElementsByTagName

getElementsByTagName

`getElementsByTagName` 是 JavaScript 中的一个 DOM 方法,用于通过指定的标签名获取文档中的所有元素。以下是该方法的基本用法和特性:

基本用法

```javascriptvar elementCollection = document.getElementsByTagName(tagName);```

`elementCollection` 是一个 `NodeList` 对象,包含了所有具有指定标签名的元素。

`document` 是调用该方法的元素,`tagName` 是一个字符串,表示要查找的标签名。

特性

大小写敏感 :传入的 `tagName` 参数需要按照实际标签名的大小写来指定。

即时集合 :返回的 `NodeList` 对象立即反映查询结果,不依赖于后续的 DOM 变化。

只读 :不能使用数组的方法(如 `push`、`pop` 等)来改变 `NodeList` 的内容。

动态更新 :当 DOM 发生变化时,`NodeList` 会自动更新以反映最新的查询结果。

访问元素

可以通过索引访问 `NodeList` 对象中的元素,如下所示:

```javascriptfor (var i = 0; i < elementCollection.length; i++) { var element = elementCollection[i]; // 对元素进行操作}```

示例代码

以下是一个简单的示例,展示如何使用 `getElementsByTagName` 获取所有段落元素并修改它们的样式:

```javascriptvar paragraphs = document.getElementsByTagName(\"p\");for (var i = 0; i < paragraphs.length; i++) { paragraphs[i].style.color = \"red\";}```

注意事项

如果 `tagName` 参数为 `*`,则 `getElementsByTagName` 将返回文档中的所有元素。

`getElementsByTagName` 方法在所有主要浏览器中都有支持。

希望这能帮助你理解 `getElementsByTagName` 方法的用法和特性

其他小伙伴的相似问题: