0

したがって、既存の div をクリックすると、私の Web ページに新しい 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';

}

どんな助けでも大歓迎です！

4

2 に答える 2

3

これを試して

<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';

}
于 2012-11-02T09:05:23.067 に答える
0

ええ、これは解決策を取得するはずです

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'
于 2012-11-02T09:42:44.887 に答える