我希望您能够通过单击来触发“for循环”,使用“addEventListener”函数。我看到了很多问题,问如何在for循环中嵌入addEventListener函数,但找不到相反的情况,即在addEventListener函数中嵌入for循环。
这是html -----html-----
这是html -----html-----
<div id="myDiv">
<p id="myP">HO HO HO</p>
</div>
-----JavaScript-----
var myDiv = document.getElementById("myDiv");
var objs = {Aman : function(){myDiv.style.background="yellow"},
Bman : function(){myDiv.style.margin = "30px"},
Cman : function(){myDiv.style.border ="blue"}};
function loop(){
for(var i=0; i < objs.length ; i++){
return objs[Object.keys(objs)[i]] }
};
myDiv.addEventListener("click", loop);
我真的找不到为什么这行不通。 非常感谢你的天才。
p.s; 如果这不能工作,那么我如何将多个事件链接到一个“addEventListener”短语?
for(var i=0; i < objs.length ; i++){
是不正确的。您可以使用Object.keys.length
获取Object
的长度。 - random