Question

所以我有这个JS：

 document.getElementById("config2").addEventListener("click", function(){
   config3();
   console.log("In Function config.onclick()...");
 });

 function config3()
 {
   document.body.innerHTML+="<div style=\"opacity:0;\" class=\"popoutcont\" id=\"formcont\"><div style=\"opacity:0;\"><div class=\"popoutform\"></div></div>";
   setInterval(function(){document.getElementById("formcont").style.opacity+=0.01;if(document.getElementById("formcont").style.opacity===1){clearInterval(this)}}, 1);
   console.log("In Function Config...");
 }

这个HTML：

<p class='spectxt' style='font-weight:normal;' id='config2'><strong>Payload Configuration:</strong> Seats: 2</p>"

首先，事件永远不会发生。没有输出发送到控制台。其次，Chrome DevTools JS控制台说我调用该函数时未定义config3。为什么会发生这种情况以及导致它的原因？

Answer 1

在

上运行启动代码

<body onload="">

因为你的html内容尚未加载

JavaScript：定义的函数未定义

1 个答案: