如何解决“未捕获的TypeError：无法读取null的属性'click'”

Question

我正在开发Chrome扩展程序并收到错误“未捕获的TypeError：无法读取null的属性'click'”。 它可以在控制台中工作，我确保关闭控制台。 我试图在下面的网站上运行它。

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>

Answer 1

在您的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>

Answer 2

似乎这行代码

function int() {
    var source = document.getElementById('j1_64_anchor').click;
}

在dom准备就绪之前被处决。 尝试将其放入DOMContentLoaded事件

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;   
});

如何解决“未捕获的TypeError：无法读取null的属性'click'”

问题描述

2 个解决方案

解决方案1
1 已采纳 2019-05-13 04:04:58

解决方案2
0 2019-05-13 03:54:51

如何解决“未捕获的TypeError：无法读取null的属性&#39;click&#39;”

问题描述

2 个解决方案

解决方案1 1 已采纳 2019-05-13 04:04:58

解决方案2 0 2019-05-13 03:54:51

如何解决“未捕获的TypeError：无法读取null的属性'click'”

解决方案1
1 已采纳 2019-05-13 04:04:58

解决方案2
0 2019-05-13 03:54:51