javascript - 使用javascript创建表时出现问题

Question

您好，我正在 div 中创建一个表格，但它没有显示在网页中。我的 html 代码就像

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

CSS 就像:

#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 :

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);

}

该表现在显示在资源管理器中...请帮助我...这个功能 CreateInterface 会触发 onclick 事件...提前致谢

Answer 1

由于您尚未对表格应用任何样式，并且表格是空的，因此您看不到任何内容。

如果您想看到没有任何内容的表格，请给它一些边框和填充。