Javascript 显示以前隐藏的div时格式将丢失

因此，当您单击现有div时，我的网页会显示一个新div。此隐藏div的格式与现有可见div的格式完全相同，但当它被设置为显示时，所有格式都会丢失，我不太清楚原因。代码如下：

<div id="visible" class="visibleDiv" onclick="expandItem()">
   Stuff here
</div>

<div id="invisible" class="hiddenDiv">
    Stuff here
</div>

非常感谢您的帮助

试试这个

<div id="visible" class="visibleDiv" onclick="expandItem()">
    Stuff here
</div>
<div id="invisible" style="display:none;" class="hiddenDiv">
    Stuff here
</div>

试试这个

<div id="visible" class="visibleDiv" onclick="expandItem()">
    Stuff here
</div>
<div id="invisible" style="display:none;" class="hiddenDiv">
    Stuff here
</div>

---

是的，这应该能解决问题

function expandItem() {
if (document.getElementById("invisible").style.display == 'none' || document.getElementById("invisible").style.display == '') {
    document.getElementById("invisible").style.display = 'block';

}

这条线

document.getElementById("invisible").style.display == ''

是无关的，则要执行的主代码是

document.getElementById("invisible").style.display == 'none'

---

是的，这应该能解决问题

function expandItem() {
if (document.getElementById("invisible").style.display == 'none' || document.getElementById("invisible").style.display == '') {
    document.getElementById("invisible").style.display = 'block';

}

这条线

document.getElementById("invisible").style.display == ''

是无关的，则要执行的主代码是

document.getElementById("invisible").style.display == 'none'

---

你说它有相同的“格式”是什么意思？CSS？您是否尝试过将

显示

更改为

内联

，而不是

块

？它具有相同的“格式”是什么意思？CSS？您是否尝试将

显示

更改为

内联

，而不是

块

？