如果使用JavaScript点击多个ID属性，如何检查这些属性

Question

我正试图用JavaScript检查网页上任何特定ID属性的活动，如果它们被激活，我想执行一些代码。该代码适用于具有document.querySelector的单个属性，但不适用于document.querySelectorAll。

我尝试过这里发布的解决方案，但没有成功，因为我遇到了以下错误：

Uncaught ReferenceError: Invalid left-hand side in assignment

我的代码很简单：

document.addEventListener('DOMContentLoaded', function(){
Array.from(document.querySelectorAll("#id_types, #id_cons_1")).forEach(button=>button.click()) = function() { 
document.querySelector("#id_new_name").value= some_value_to_be_assigned
}})

我做错了什么？

Answer 1

不需要DOMContentLoaded事件处理程序，只需在body的末尾(就在关闭body标记之前(放置一个带有以下内容的script即可。

也不需要Array.from，因为在从querySelectorAll()返回的节点列表上支持forEach。

然后，您需要为每个按钮设置一个click事件，如下所示(button.click() = function....不设置事件处理程序，它调用一个单击事件(。

document.querySelectorAll("#id_types, #id_cons_1").forEach(function(button) { 
button.addEventListener("click", function(event){
document.querySelector("#id_new_name").textContent = "some_value_to_be_assigned";
});
});

<button type="button" id="id_types">button</button>
<button type="button" id="id_cons_1">button</button>
<div id="id_new_name">some value</div>