NO.50 动态生成表格[ie不兼容]
2011-02-23 17:28
141 查看
代码
<!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>动态生成表格</title>
<script>
function init(){
var mytable = document.createElement('table');
mytable.border="1px";
mytable.width="800px";
for(var i=1;i<10;i++){
var row=document.createElement ("tr");
row.id=i;
for(var j=1;j<6;j++){
var cell=document.createElement ("td");
cell.id =i+"/"+j;
cell.appendChild(document.createTextNode ("第"+cell.id+"列"));
row.appendChild (cell);
}
mytable.appendChild (row);
}
document.body.appendChild(mytable);
}
</script>
</head>
<body>
<script>
init();
</script>
</body>
</html>
<!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>动态生成表格</title>
<script>
function init(){
var mytable = document.createElement('table');
mytable.border="1px";
mytable.width="800px";
for(var i=1;i<10;i++){
var row=document.createElement ("tr");
row.id=i;
for(var j=1;j<6;j++){
var cell=document.createElement ("td");
cell.id =i+"/"+j;
cell.appendChild(document.createTextNode ("第"+cell.id+"列"));
row.appendChild (cell);
}
mytable.appendChild (row);
}
document.body.appendChild(mytable);
}
</script>
</head>
<body>
<script>
init();
</script>
</body>
</html>
相关文章推荐
- javascript实现动态增加删除表格行(兼容IE/FF)
- 动态增加删除表格行(兼容IE/FF)
- javascript表格操作大全:表格排序/倒序、动态添加列、批量删除、删除一行、隔行变色、鼠标悬浮切换背景色、全选/反选。(IE、火狐都兼容)
- 鼠标拖动动态改变表格的宽度的js脚本 兼容ie/firefox
- 鼠标拖动动态改变表格的宽度的js脚本 兼容ie/firefox
- 鼠标拖动动态改变表格的宽度的js脚本 兼容ie/firefox
- 动态表格js兼容(ie.ff)
- 动态增加删除表格行(兼容IE/FF)
- javascript实现动态增加删除表格行(兼容IE/FF)
- javascript表格操作大全:表格排序/倒序、动态添加列、批量删除、删除一行、隔行变色、鼠标悬浮切换背景色、全选/反选。(IE、火狐都兼容)
- 鼠标拖动动态改变表格的宽度的js脚本 兼容ie/firefox
- javascript实现动态增加删除表格行(兼容IE/FF)
- 动态增加删除表格行(兼容IE/FF)
- 动态增加删除表格行(兼容IE/FF)
- 动态增加删除表格行(兼容IE/FF)
- 鼠标拖动动态改变表格的宽度的js脚本 兼容ie/firefox
- 动态生成页面的时候 需要注意的IE/FF不兼容
- js动态添加删除表格元素(兼容IE和Firefox)
- 动态增加删除表格行(兼容IE/FF)
- 动态增加删除表格行(兼容IE/FF)