读书人

这是哪里的有关问题

发布时间: 2014-01-08 00:30:58 作者: rapoo

这是哪里的问题?


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>


</style>
<script>
function createTab(){

var tabNode = document.createElement("table");

var row = getElementsByName("rownum")[0].value;
var col = getElementsByName("colnum")[0].value;


for (x=0;x<=rownum;x++ )
{
var trNode = tabNode.insertRow();
for(y=0;y<=colnum;y++)
{
var tdNode = trNode.insertCell();
tdNode.innerHTML = x+".."+y;
}

}
document.getElementsByTagName("div")[0].appendChild(tabNode);
}

</script>


</head>

<body>
行:<input type="text" name="rownum" /><br />
列:<input type="text" name="colnum" /><br />
<input type="button" value="创建表格" onclick="createTab()" /><br />
<div>
</div>

</body>
</html>


无效果,求指导!
[解决办法]
这是楼主跟你原来差不多的
修改后
<html>
<head>
<title>test page</title>
<script type='text/javascript'>


function createTable() {
var t = document.createElement('table');
var row = document.getElementsByName("rownum")[0].value;
var col = document.getElementsByName("colnum")[0].value;
for (var i = 0; i < row; i++) {
var r = t.insertRow();
for (var j = 0; j < col; j++) {
var c = r.insertCell();
c.innerHTML = i + ',' + j;
}
}

document.getElementById('table1').appendChild(t);
t.setAttribute('border', '1');
}

//-->
</script>
</head>
<body>
行:<input type="text" name="rownum" /><br />
列:<input type="text" name="colnum" /><br />
<input type="button" value="创建表格" onclick="createTable()" /><br />
<div id="table1" style="border: 1px solid black">
</div>

</body>
</html>

读书人网 >JavaScript

热点推荐