Question

我有错误说明addeventlistener不是一个函数但是当我删除innerhtml它似乎工作

int* b;

Answer 1

innerHTML是字符串MDN

...包含描述所有元素的序列化 HTML代码后代。

如果要设置事件侦听器，则需要获取DOM节点

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

Answer 2

确切地说，属性innerHTML返回html字符串内容。如果要添加事件，则必须直接在NODE元素中执行。

var num1 = document.querySelector('.num1');
var num2 = document.querySelector('.num2');


num1.addEventListener('click', function () {
    console.log('working');
    console.log(num1.innerHTML);
})

<span class="num1">1</span>
<span class="num2">3</span>

我希望这可以帮到你

Answer 3

你做错了。您无法在字符串上添加eventlistener：

更新至：

var num1 = document.querySelector('.num1');
 var num2 = document.querySelector('.num2');
 num1.addEventListener('click',function num(e) {
    //if you need the innerHTML value
    console.log(e.target.value)
    console.log('working');

})


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

添加事件侦听器不是queryselector的函数

3 个答案: