javascriptを使用してテーブルを作成する際の問題

Question

こんにちは、div内にテーブルを作成していますが、Webページに表示されません。

Javascriptコード：

function CreateInterface(){ 
var table=document.createElement("table"); 
var tr = document.createElement("tr"); 
table.appendChild(tr); 
var td = document.createElement("td"); 
tr.appendChild(td); 
document.getElementById("welcome").appendChild(table); 

}

テーブル

#right { 
    float:right; 
    width: 490px; 
padding-right: 110px; 
     padding-top: 301px; 
    } 
    #welcome { 
    margin-right: 20px; 
} 

#previewWin { 
background-color: #decea2; 
width: 150px; 
height: 200px; 
font: 1.0em arial, helvetica, sans-serif, larger, bold; 
padding: 5px; 
position: absolute; 
visibility: hidden; 
border: 1px solid ; 
overflow: hidden; 
} 

#previewWin h1, #previewWin h2 { 
    font-size: 1.0em; 
} 

PreviewWinが非表示のdivです：

<div id="right"> 
    <h2 id="right1">hello !</h2> 
    <div id="previewWin"> 
    </div> 
    <div id="welcome"> 
    </div> 
</div> 

CSSが似ているように私のhtmlコードです今では元に表示されていますplorer ...私を助けてください...そして、このfinction CreateInterfaceはonclickイベントでトリガーします...ありがとう事前に

Answer 1

あなたがInternet Explorerで動作するようにコードの<table>内部<tbody>を持っている必要があります。

var table = document.createElement("table"); 
var tbody = document.createElement("tbody"); 
var tr = document.createElement("tr"); 
table.appendChild(tbody); 
tbody.appendChild(tr); 

Answer 2

あなたのテーブルにスタイルを適用していないので、テーブルは空ですので、何もありませんあなたは見ています。

コンテンツを含まないテーブルを表示したい場合は、いくつかの枠とパディングを付けます。

Answer 3

tbodyを作成してください。それに加えて、tbodyをtableに追加してください。これはうまくいくはずです。

Answer 4

見えるようになりべきで、あなたのテーブルにいくつかのコンテンツを追加します。

function CreateInterface() 
{ 
    var table=document.createElement("table"); 
    var tr = document.createElement("tr"); 
    table.appendChild(tr); 
    var td = document.createElement("td"); 
    td.innerHTML = "Hello World"; 
    tr.appendChild(td); 
    document.getElementById("welcome").appendChild(table); 
}