Javascript jScript和CSS属性

你好

我想使用一个脚本，使我的CSS属性从display:none更改为display:initial

以下是我写的脚本：

    function setVisibleLP(){

    if(document.getElementById('arrow_first').style.display == "none")
    {
        document.getElementById('arrow_first').style.display = "initial";
    } else {
        document.getElementById('arrow_first').style.display = "none";
        }
    if(document.getElementById('arrow_second').style.display == "none")
    {
        document.getElementById('arrow_second').style.display = "initial";
    } else {
        document.getElementById('arrow_second').style.display = "none";}
}

在CSS文件中，默认情况下，“ID显示”属性都设置为“无”。要运行脚本，我在HTML中有一个按钮输入，它通过onclick事件激活脚本

问题是：功能不工作。它由一个带有onclick事件的输入按钮在HTML上调用，如下所示：

<input type="button" value="show me around" onclick="setVisibleLP()" />

---

首先，您可以简化代码：

function toggleVisible(el) {
    el.style.display = el.style.display=="none" ? "initial" : "none";
}
function setVisibleLP(){
    toggleVisible(document.getElementById('arrow_first'));
    toggleVisible(document.getElementById('arrow_second'));
}

然后，问题可能是

style

属性只包含内联样式，而不包含样式表中定义的样式。因此，您可能必须使用：

另一个可能的问题可能是您有

！重要信息

覆盖内联样式的样式。然后，使用

function toggleVisible(el) {
    el.style.setProperty(
        "display",
        window.getComputedStyle(el, null).display == "none"  ? "initial" : "none",
        "important"
    );
}

---

你还没有告诉我们问题是什么？让我们假设是语法错误！你的括号和卷发已经坏了！你能把html和js都放到JSFIDLE中吗？@AndréDion-Uhm->所以看起来我就像个傻瓜一样愚蠢（是的，就是这么多）。我无法点击该按钮，因为它没有足够的“z索引（ed）”。将其更改为顶部，现在一切正常。非常感谢大家！

function toggleVisible(el) {
    el.style.display = el.style.display=="none" ? "initial" : "none";
}
function setVisibleLP(){
    toggleVisible(document.getElementById('arrow_first'));
    toggleVisible(document.getElementById('arrow_second'));
}

function toggleVisible(el) {
    el.style.display = window.getComputedStyle(el, null).display == "none"
      ? "initial" : "none";
}

function toggleVisible(el) {
    el.style.setProperty(
        "display",
        window.getComputedStyle(el, null).display == "none"  ? "initial" : "none",
        "important"
    );
}