首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

这是哪里的有关问题

2014-01-08 
这是哪里的问题?!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR

这是哪里的问题?


<!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> 

热点排行