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 example

obj.style.display='inline'
将其设置为一个值我想这确实突出了您可能需要jQuery的原因:)
$(“#wipThankYou”).toggle()
obj.style.display='inline-block';