元素 var paragraphs = document.getElementsByTagName("p"); for (var i = 0; i < paragraphs.length; i++) { console.log(paragraphs[i].textContent); } ``` 三、注意事项 注意事项 说明 - 大小写敏感 标签名区分大小写，建议使用小写 可以作用于任意节点 不仅限于 `document`，还可以对某个元素调用 动态更新 如果页面内容发生变化，返回的集合会自动更新 不支持 CSS 选择器 不能像 `querySelectorAll` 那样使用复杂的选择器 四、与 `querySelectorAll` 的区别 特性 `getElementsByTagName` `querySelectorAll` 返回类型 `HTMLCollection` `NodeList` 支持选择器 否 是 性能 通常更快 更灵活但可能稍慢 使用场景 简单按标签名查找 复杂的 CSS 选择器查询 五、实际应用场景 场景 示例代码 -- 获取所有段落并修改样式 `document.getElementsByTagName("p")[0].style.color = "red";` 遍历所有链接 `var links = document.getElementsByTagName("a"); for (var i in links) { ... }` 动态添加元素后重新获取 `document.body.appendChild(newElement); var elements = document.getElementsByTagName("div");` 通过合理使用 `getElementsByTagName`，可以更高效地操作网页中的元素，尤其适用于需要批量处理相同标签的情况。掌握它的使用方式，是前端开发的基础技能之一。