javascript - 未捕获的类型错误 : Cannot read property '0' of null in Chrome extension

Question

我正在尝试创建一个 Google 扩展程序，在我遇到的所有问题中，我遇到了这个问题，即使在 StackOverflow 中查看了太多答案，我也无法弄清楚如何解决。

基本上，当您单击此弹出窗口中的链接时，此代码应该会打开一个弹出窗口来替换现有的弹出窗口。

因此，当您单击“clickme”链接时，此代码会打开“popup2.html”。也许答案是显而易见的，但我的 javascript 知识不仅仅是生锈的......

var hrefs = document.getElementById("clickme");

function openLink() {
    var href = this.href;
    chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
        var tab = tabs[0];
        chrome.tabs.update(tab.id, {url: href});
    });
}

for (var i=0,a; a=hrefs[i]; ++i) {
    hrefs[i].addEventListener('click', openLink);
}
document.getElementById('clickme').addEventListener('click', hello);

提前致谢!

Answer 1

问题是您正在从 hrefs 变量访问 0 属性，该变量为 null。

hrefs[i].addEventListener('click', openLink);

您的代码假定 hrefs 包含一个数组，但它是一个 DOMElement。 i 在您的情况下为 0。我猜这个循环也是一个无限循环。