使用Javascript填充HTML表
使用Javascript填充HTML表
提问于 2011-06-08 22:35:01
我想使用JavaScript填充一个预定义的html表：
<table>
<tr>
<th scope="col">ID</th>
<th scope="col">Name</th>
</tr>
<div id='data'/>
</table>使用
document.getElementById('data').innerHTML = ....但是由于<table>内部不允许使用<div>，所以上面的代码不起作用。实现这一目标的正确方法是什么？
回答 3
Stack Overflow用户
回答已采纳
发布于 2011-06-08 22:39:48
你可以使用tr和td来代替Div。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html>
<head>
<script type="text/javascript">
function addRow(content,morecontent)
{
if (!document.getElementsByTagName) return;
tabBody=document.getElementsByTagName("tbody").item(0);
row=document.createElement("tr");
cell1 = document.createElement("td");
cell2 = document.createElement("td");
textnode1=document.createTextNode(content);
textnode2=document.createTextNode(morecontent);
cell1.appendChild(textnode1);
cell2.appendChild(textnode2);
row.appendChild(cell1);
row.appendChild(cell2);
tabBody.appendChild(row);
}
</script>
</head>
<body>
<table border='1' id='mytable'>
<tbody>
<tr><td>22</td><td>333</td></tr>
<tr><td>22</td><td>333</td></tr>
</tbody>
</table>
<button onClick='addRow("123","456");return false;'>
Add Row</button>
</body>
</html>Stack Overflow用户
发布于 2011-06-08 22:38:01
在最基本的意义上：
<table>
<tr>
<th>ID</th>
<th>Name</th>
</tr>
<tr>
<td colspan="2">
<div> LOTS O' CONTENT </div>
</td>
</tr>
</table>Stack Overflow用户
发布于 2011-06-08 22:39:18
您已经回答了问题--将div放在正确的位置--无论是在表的内部还是外部。javascript是否可以工作，div是否会显示在您想要的位置，这是另一个问题:)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6280495
复制相关文章
相似问题