javascript - 如何修复 "Uncaught TypeError: Cannot read property ' click' of null"

标签 javascript google-chrome-extension

我正在开发 Chrome 扩展程序并收到错误“Uncaught TypeError: Cannot read property 'click' of null”。它在控制台中工作,我确保关闭控制台。我正在尝试在下面的网站上运行它。

https://realtime.demo.sonicwall.com/main.html

popup.js

document.addEventListener('DOMContentLoaded', function () {
document.querySelector('button').addEventListener('click', int);      
});
function int() {
    var source = document.getElementById('j1_64_anchor').click;
}
var coll = document.getElementsByClassName("collapsible");
var i;

popup.html

<body>
<button class="collapsible">Interfaces</button>
<div class="content">
<button onclick="int()" class="collapsible">Interfaces</button>
</div>
</body>

最佳答案

在您的 html 中,没有 id 为 j1_64_anchor 的元素。因此,您的代码 document.getElementById('j1_64_anchor').click(); 将失败。

document.addEventListener('DOMContentLoaded', function () {
    
    document.querySelector('button').addEventListener('click', int)
});
  
function int() {
    console.log('calling');
    var source = document.getElementById('j1_64_anchor').click();
}

var coll = document.getElementsByClassName("collapsible");
var i;
<button class="collapsible">Interfaces</button>
<div class="content" id="j1_64_anchor">
<button onclick="int()" class="collapsible">Interfaces</button>
</div>

关于javascript - 如何修复 "Uncaught TypeError: Cannot read property ' click' of null",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56105542/

相关文章:

javascript - 如何使用JavaScript触发 ‘isTrusted=true’点击事件?

javascript - 如何在 javascript 中使用 Curl

javascript - Chrome 扩展程序内容脚本未注入(inject)特定网站

javascript - 如何将容器 div 及其所有内容缩放到特定大小?

javascript - 数据库值无法将其获取到 Dropdownlist jQuery

javascript - TypeError: this.inputMedia.pipe 不是函数

google-chrome-extension - Chrome 扩展程序 : Open New Popup Window

javascript - 网络请求 API : How to get the requestId of a new request?

javascript - 无法让 populate() 填充 Mongoose 中的数组

javascript - clearable prop 对我不起作用,有人可以建议吗