Javascript 元素未使用obj.style.display='';;
我在包含Javascript 元素未使用obj.style.display='';;,javascript,html,css,Javascript,Html,Css,我在包含span的HTML页面上遇到了一个奇怪的问题,该页面将不会显示: <span id="wipThankYou">Thank you for submitting your email!</span> 当用户单击按钮时,将执行以下代码: function T_show(obj) { if ( obj !== null ) { obj.style.display=''; } } var wipThankYou = documen
span
的HTML页面上遇到了一个奇怪的问题,该页面将不会显示:
<span id="wipThankYou">Thank you for submitting your email!</span>
当用户单击按钮时,将执行以下代码:
function T_show(obj) {
if ( obj !== null ) {
obj.style.display='';
}
}
var wipThankYou = document.getElementById("wipThankYou");
T_show(wipThankYou);
我可以在Chrome中看到正在逐步执行的代码,但是span
不显示。当我检查元素时,它的CSS没有改变。我可以在上面复制这个问题
我做错了什么
更新
我从中获取了这段代码,但显然,它是错误的。谢谢
obj.style.display='inline-block';
或任何您想要的显示(内联、块…),但不应为空
请参见此处:obj.style.display=''
重置元素的内联样式。如果希望显示,则需要指定显示方式。将其更改为显示值,它将修复它,例如obj.style.display='inline-block'
obj.style.display=''代码>对于css显示无效,因为显示可以是:内联(默认),块,内联块(更多值可在此处找到)
所以,解决方案是将样式设置为有效值。例如obj.style.display='block'代码>
Live exampleobj.style.display='inline'
将其设置为一个值我想这确实突出了您可能需要jQuery的原因:)$(“#wipThankYou”).toggle()
obj.style.display='inline-block';