JavaScript 遍歷頁面所有 <a> 標籤並獲取其內容

需求場景

需要在頁面載入後，遍歷所有錨點標籤並彈出其內部 HTML 內容。

實作方式

使用原生 document.getElementsByTagName 獲取即時集合，配合迴圈逐一讀取 innerHTML。

完整代碼

window.onload = function () {
    var anchors = document.getElementsByTagName('a');
    for (var i = 0, len = anchors.length; i < len; i++) {
        alert(anchors[i].innerHTML);
    }
};

現代寫法 (ES6+)

document.addEventListener('DOMContentLoaded', () => {
    [...document.querySelectorAll('a')].forEach(a => console.log(a.innerHTML));
});

注意事項

• getElementsByTagName 回傳即時集合，若迴圈中修改 DOM 可能導致索引錯位，建議先轉陣列或快取長度。
• 若只需文字內容，可用 textContent 替代 innerHTML。