javascript - 更改元素的 css 的 onclick 函数

Question

我现在有了这个 onclick 函数:

<p  onclick="open3()" >Uw tuin blijft mooi door vakkundig en regelmatig onderhoud.</p>


function open3 () 
{
    document.getElementById("c").style.display = "block";
}

我想要的是，当我点击 open three 时，它​​以某种方式改变了它的值，因此我可以再次点击它以将 style.display 设置为 none。

我用一个 bool 值尝试了这个，将它设置为 true 或 false 然后更改它但那没有用

Answer 1

您可以添加一个 if 语句来检查所应用样式的当前值并适本地更改它。

使用这种方法，您无需在代码中声明(并保留)任何额外的变量，同时仍能达到预期的效果。

示例如下。

function open3 () {
    var c = document.getElementById('c');
    if (c.style.display === 'block') {
       c.style.display = 'none';
    } else {
       c.style.display = 'block';
    }
}