编写Tampermonkey脚本访问td元素innerText/innerHTML报错排查

核心错误点 #

你的代码存在低级笔误：循环条件写错了，把i < cells.length误写成了1 < cells.length。这会导致循环无限执行，i持续递增直到超出cells的实际元素数量，此时访问cells[i]会得到undefined，进而触发“Cannot read properties of undefined”报错。

额外优化：规避动态集合的坑 #

document.getElementsByTagName()返回的是动态HTMLCollection，页面DOM结构发生变化（比如元素被删除、修改）时，集合会实时更新。如果遍历过程中页面DOM有变动，可能导致集合长度突然变化，再次出现索引越界问题。

解决办法是把动态集合转换成静态数组，断绝和DOM的实时绑定：

• 用Array.from()转换：const cells = Array.from(document.getElementsByTagName("td"));
• 用扩展运算符转换：const cells = [...document.getElementsByTagName("td")];

修正后的完整代码 #

// 转成静态数组，避免动态集合的问题
const cells = Array.from(document.getElementsByTagName("td"));
let cellvalue = "example";

// 修正循环条件
for (let i = 0; i < cells.length; i++) {
    cellvalue = cells[i].innerText;
    // 可添加后续处理逻辑，比如打印内容
    console.log(cellvalue);
}

也可以用更简洁的for...of循环遍历数组：

const cells = [...document.getElementsByTagName("td")];
for (const cell of cells) {
    const cellvalue = cell.innerText;
    console.log(cellvalue);
}

内容的提问来源于stack exchange，提问作者Michael