Javascript在两个函数后失败，即使是相同的函数

Javascript failed after 2 functions even though same functions

本文关键字：函数 失败 即使是 Javascript 两个      更新时间：2023-09-26

这就是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无效。代码有问题吗?

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

是有效的，这将设置style属性为"(无)，因此将显示

。

但是其他语句，比如

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

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

使用下面的

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

你不需要赋值任何东西

编辑1

这是你要找的吗?

相关文章：