Question

因此，当您点击现有div时，我的网页会显示一个新的div。这个隐藏的div具有与现有可见div完全相同的格式，但是当它出现时，所有这些格式都会丢失，我无法理解为什么。这是代码：

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

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

这是我的JavaScript：

function expandItem() {

if (document.getElementById("invisible").style.display == '') {
    document.getElementById("invisible").style.display = 'block';

}

非常感谢任何帮助！

Answer 1

试试这个

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

并在javascript中进行更改

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

}

Answer 2

是的，这应该取得解决方案

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'

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

2 个答案: