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

由于您没有在表格中应用任何样式，并且表格为空，因此您无需查看。

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

Answer 2

尝试创建tbody，使用它，然后将此tbody附加到table。这应该有用。

Answer 3

您必须在<tbody>内部<table>为您的代码才能在Internet Explorer中使用：

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

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

使用javascript创建表时出现问题

4 个答案: