javascript - 如何将嵌套表附加到 div？

Question

我正在尝试这样。但这在IE9. 我有一个包含三个或更多嵌套表的表都必须style.display="none"在 pageLoad 上设置。在按钮上单击 1 个嵌套表必须显示为块，主表要显示appended to div

.aspx 页面

<div id="div1" > </div>

<table id="tab1">
    <table id="tab2"> </table>
    <table id="tab3"> </table>
    <table id="tab4"> </table>
</table>

.js 页面

onPageLoad(){
    document.getElementById("tab1").style.display = "none";
    document.getElementById("tab1").style.display = "none";
    document.getElementById("tab1").style.display = "none";
    document.getElementById("tab1").style.display = "none";
}


onbuttonclick(){
    mnuDiv = document.getElementById("div1");
    var subMnuTbl = document.getElementById("tab1");
    document.getElementById("tab3").style.display = "block";
    subMnuTbl.style.display="block";
    mnuDiv.appendChild(subMnuTbl);
}

建议高度赞赏。

Answer 1

您应该将所有 DOM 元素一次放入要附加的容器中，并根据您的要求设置Display:none或display:block