设置CSS显示不起作用

时间:2017-11-16 04:05:36

标签: javascript css

我正在使用验证码。成功后,我想将包含验证码的display的{​​{1}}设置为<div>。在那个成功部分,我有:

"none"

结果document.getElementById("mainForm").style.display="block"; document.getElementById("captcha").style.display="none"; alert("the captcha display is " + document.getElementById("captcha").style.display); 表示它是alert,即使我刚刚将其设置为"block"

知道为什么吗?

1 个答案:

答案 0 :(得分:0)

看起来你的javascript代码工作正常,所以我没有看到问题。也许你应该附加一些css和html并使代码片段与问题。

document.getElementById("mainForm").style.display="block"; 
document.getElementById("captcha").style.display="none";
alert("the captcha display is " + document.getElementById("captcha").style.display);
#mainForm {
  width: 320px;
  height: 180px;
  background: #00A;
}

#captcha {
  width: 160px;
  height: 90px;
  background: #0A0;
}
<form id="mainForm">
  <div id="captcha">
  </div>
</form>

问候,KJ