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

我正在尝试这样。但这在IE9中不起作用。
我有一个包含三个或更多嵌套表的表，都必须在pageLoad上设置style.display="none"。在“打开”按钮上，单击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);
}

建议高度赞赏。

最佳答案

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

关于javascript - 如何将嵌套表附加到div？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17616413/