問 如何使用getElementsByTagName獲取頁面元素

元素var paragraphs = document.getElementsByTagName("p");for (var i = 0; i < paragraphs.length; i++) {console.log(paragraphs[i].textContent);}```三、注意事項(xiàng) 注意事項(xiàng) 說明 - 大小寫敏感 標(biāo)簽名區(qū)分大小寫，建議使用小寫 可以作用于任意節(jié)點(diǎn) 不僅限于 `document`，還可以對某個(gè)元素調(diào)用 動(dòng)態(tài)更新 如果頁面內(nèi)容發(fā)生變化，返回的集合會(huì)自動(dòng)更新 不支持 CSS 選擇器 不能像 `querySelectorAll` 那樣使用復(fù)雜的選擇器 四、與 `querySelectorAll` 的區(qū)別 特性 `getElementsByTagName` `querySelectorAll` 返回類型 `HTMLCollection` `NodeList` 支持選擇器 否 是 性能 通常更快 更靈活但可能稍慢 使用場景 簡單按標(biāo)簽名查找 復(fù)雜的 CSS 選擇器查詢 五、實(shí)際應(yīng)用場景 場景 示例代碼 -- 獲取所有段落并修改樣式 `document.getElementsByTagName("p")[0].style.color = "red";` 遍歷所有鏈接 `var links = document.getElementsByTagName("a"); for (var i in links) { ... }` 動(dòng)態(tài)添加元素后重新獲取 `document.body.appendChild(newElement); var elements = document.getElementsByTagName("div");` 通過合理使用 `getElementsByTagName`，可以更高效地操作網(wǎng)頁中的元素，尤其適用于需要批量處理相同標(biāo)簽的情況。掌握它的使用方式，是前端開發(fā)的基礎(chǔ)技能之一。