通过javascript更改css显示属性

Question

我对css显示属性有点问题。

我有以下代码：

<input type="text" name="extra" value="" id="i1" style="display:block">

和

<script type="text/javascript">
function changeVisibility(el){
            if(el.style.display="block"){el.style.display="none";}
            else { el.style.display="block";}                 
        }
</script>

问题是它不起作用:)它开始显示为一个块并改为无，但每当我再次尝试调用该方法时它不会改回块？

当我在字段不再可见时尝试查看页面源时，它仍然设置为“阻止”？

我有什么想法可以解决这个问题吗？

Answer 1

等于运算符是==，而不是=。

您永远按style.display="block"分配它，因此请添加另一个=以将操作从赋值更改为相等。

Answer 2

将您的if语句更改为使用==而不是=。这可能是你的问题。您的if语句总是返回true，因此始终将显示设置为none。