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` 方法的用法和特性