javascript - ネストされたテーブルをdivに追加する方法は?

Question

私はこのようにしようとしています.しかし、これはIE9. 3 つ以上のネストされたテーブルを含むテーブルをすべて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);
}

提案を高く評価します。