javascript - 添加事件监听器不是带有queryselector的函数

Question

我有错误指出 addeventlistener 不是一个函数，但当我删除 insidehtml 时它似乎可以工作

 var num1 = document.querySelector('.num1').innerHTML;
 var num2 = document.querySelector('.num2').innerHTML;


 num1.addEventListener('click',function num() {

    console.log('working');

})


<button class="num1">1</button>
<button class="num2">2</button>

Answer 1

innerHTML 是一个字符串 MDN

...contains the serialized HTML code describing all of the element's descendants.

如果你想设置事件监听器，你需要获取 DOM 节点

var num1 = document.querySelector('.num1')