JavaScript控制台循环获取指定类元素href异常问题求助

原代码的问题 #

1. 未将href存入数组：循环里仅获取了href，但没有执行arr.push()操作，数组始终为空，自然无法输出所有结果。
2. 中文引号错误：代码里类名的最后一个引号是中文全角的”，导致getElementsByClassName无法匹配到元素，返回空集合，访问[i].href就会得到undefined。
3. 硬循环次数易越界：固定循环15次，但页面中目标元素可能不足15个，会导致索引超出范围报错。

修正后的代码 #

方法1：修复原循环逻辑

var arr = [];
// 先一次性获取所有目标元素，避免重复查询DOM
var targetElements = document.getElementsByClassName("wM6scouPXXsFDSZmZPHRo DjcdNGtVXPcxG0yiFXIoZ _23wugcdiaj44hdfugIAlnX");
// 按实际元素数量循环，避免越界
for (let i = 0; i < targetElements.length; i++) {
    // 确保元素存在时再获取href
    if (targetElements[i]) {
        arr.push(targetElements[i].href);
    }
}
// 打印结果
console.log(arr);

方法2：用querySelectorAll更简洁

var arr = [];
// 注意类名之间用.连接，代替空格
document.querySelectorAll(".wM6scouPXXsFDSZmZPHRo.DjcdNGtVXPcxG0yiFXIoZ._23wugcdiaj44hdfugIAlnX").forEach(element => {
    arr.push(element.href);
});
console.log(arr);

仍出现undefined的排查方向 #

• 目标元素可能不是<a>标签：如果元素没有href属性，尝试用element.getAttribute('href')获取原始属性值。
• 元素是动态渲染的：页面可能用了框架（如React/Vue）异步加载元素，可延迟执行代码（比如用setTimeout(() => { /* 代码 */ }, 2000)），或等待页面完全加载后再执行。
• 元素在iframe内：如果目标元素嵌套在iframe中，需要切换到对应的iframe控制台再执行代码。

内容的提问来源于stack exchange，提问作者Benjamin Morales Perez