javascript - 将Click事件侦听器添加到Chrome Extension中的所有div

我一直在尝试使用popup.html页面中的querySelectorAll为我的所有div添加一个事件监听器来运行自定义JS函数。返回的div数量为零，似乎无法解决原因。任何帮助，将不胜感激。

popup.js

var divs = document.querySelectorAll('div');
alert(divs.length);
for (var i = 0; i < divs.length; i++) {
    var self = divs[i];
    self.addEventListenter('click', function (event) {
        testfunction('hi');
    }, false);
}

function testfunction(text) {
  alert(text);
}

popup.html

<!doctype html>
<html>
  <head>
    <title>Test</title>
    <script src="popup.js"></script>
	<style>
	body {
    min-width:300px;
}
	</style>
  </head>
  <body>
    <h1>Test</h1>
<div id="1">Link 1</div>
<div id="2">Link 2</div>
<div id="3">Link 3</div>
<div id="4">Link 4</div>
<div id="5">Link 5</div>

  </body>
</html>

将Click事件侦听器添加到Chrome Extension中的所有div

0 个答案: