Javascript 在执行 2 个函数后失败，即使函数相同

Question

已关闭。这个问题是 not reproducible or was caused by typos 。目前不接受答案。

---

这个问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-topic在这里，这个问题的解决方式不太可能帮助 future 的读者。

已关闭 9 年前。

Improve this question

这是 html。除颜色外，所有款式均相同。

<小时/>

<div id="expansion">
<div id="e1" style="display:none;">
    <p style="font-size:36px; color: green;">*</p>
</div>
<div id="e2" style="display:none;">
    <p style="font-size:36px; color: blue;">**</p>
</div>
<div id="e3" style="display:none;">
    <p style="font-size:36px; color: green;">***</p>
</div>
<div id="e4" style="display:none;">
    <p style="font-size:36px; color: blue;">****</p>
</div>

Javascript:

function reflection1() {
    var element=document .getElementById("e2", "e3", "e4").style.display="none";
    var element=document .getElementById("e1").style.display="";
}

function reflection2() {
    var element=document .getElementById("e1", "e3", "e4").style.display="none";
    var element=document .getElementById("e2").style.display="";
}

function reflection3() {
    var element=document .getElementById("e3").style.display="";
    var element=document .getElementById("e1", "e2", "e4").style.display=" none";
}

function reflection4() {
    var element=document .getElementById("e4").style.display="";
    var element=document .getElementById("e1", "e2", "e3").style.display=" none";
}

但只有功能reflection1()和reflection2()有效，3 和 4 无效。代码有问题吗？

Answer 1

声明

var element=document .getElementById("e1").style.display="";

有效，这会将样式属性设置为“”(无)，因此将显示。

但是其他语句如

var element=document .getElementById("e1", "e3", "e4").style.display="none";

语法错误，因此不会给出任何结果。

要设置显示属性，请使用以下内容

document.getElementById("<id of element>").style.display="none"; // hidden
document.getElementById("<id of element>").style.display="block"; // visible

您不必分配任何东西

编辑 1

Is this what you are looking for?