黑马程序员技术交流社区
标题:
看我这段html代码怎么了?
[打印本页]
作者:
薆情媬証書
时间:
2013-11-3 16:08
标题:
看我这段html代码怎么了?
本帖最后由 薆情媬証書 于 2013-11-3 20:47 编辑
自己模仿毕老师的那段根据指定自动生成表格的代码,可是怎么就是生成不了啊?求解释,也没有报错。
<p><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a >http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a >http://www.w3.org/1999/xhtml</a>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
table{
border:2px solid #000000;
width:80%;}
table td{
border:2px solid #000000;}</p><p>
</style></p><p><script type="text/javascript">
function build()
{
var row = document.getElementsByName("row")[0].value;
var cell = document.getElementsByName("cell")[0].value;
var tablenode = document.createElement("table");
for(var i=0; i<row; i++)
{
var trnode = tablenode.insertRow();
for(var s=0; s<cell; s++)
{
var tdnode = trnode.insertCell();
tdnode.innerHTML=i+"行"+s+"列";
}
}
}</p><p></script>
</head></p><p><body></p><p><input type="text" name="row" />行<br />
<input type="text" name="cell"/>列<br /></p><p><input type="button" value="生成表格" onclick="build()" />
</body>
</html>
</p><p> </p>
复制代码
作者:
落木萧萧
时间:
2013-11-3 16:39
本帖最后由 落木萧萧 于 2013-11-3 16:44 编辑
是这样的,虽然你create了一个element,但是并没有把这个element添加到某个节点上。
html中添加的代码
<div id=tableArea></div>
复制代码
js中添加的代码
var tableArea = document.getElementById("tableArea");
tableArea.appendChild(tablenode);
复制代码
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)
黑马程序员IT技术论坛 X3.2