如何将嵌套表附加到div?

时间:2013-07-12 13:45:27

标签: javascript css internet-explorer-9

我正在尝试这样做。但这不适用于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);
}

建议高度赞赏。

1 个答案:

答案 0 :(得分:1)

您应该将所有DOM元素放在要添加的容器中,根据您的要求,您可以设置Display:nonedisplay:block