-1

所以我有这个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 未定义。为什么会发生这种情况，是什么原因造成的？

4

1 回答 1

-1

运行你的启动代码

<body onload="">

因为您的 html 内容尚未加载

于 2014-12-05T20:58:50.460 回答