javascript 动态创建表格
更新时间：2015年01月08日 11:05:05 投稿：hebedich
这篇文章主要介绍了javascript 动态创建表格,需要的朋友可以参考下
复制代码 代码如下:
<html>
<head>
<script>
function createTable(rows,lines){
this.rows=rows;
this.lines=lines;
var Body=document.getElementById('body');
var Table=document.createElement('table');//创建table标签元素
Table.setAttribute('border','1');
//给table标签添加其他属性
for(var i=0;i<this.rows;i++){
var lRow=document.createElement('tr');
for(var j=0;j<this.lines;j++){
var textNode=document.createTextNode(i+','+j);
var lLine=document.createElement('td');
lLine.appendChild(textNode);
lRow.appendChild(lLine);
}
Table.appendChild(lRow);
}
Body.appendChild(Table);
}
</script>
</head>
<body >
<div id="body"></div>
</body>
<script type="text/javascript">
createTable(10,10);
</script>
</html>
第二种方法：
复制代码 代码如下:
<script>
function createTable(rows,lines){
this.rows=rows;
this.lines=lines;
var Body=document.getElementById('body');
var Table=document.createElement('table');
Table.setAttribute('border',1);
for(var i=0;i<this.rows;i++){
var row=Table.insertRow(i);
for(var j=0;j<this.lines;j++){
var cells=row.insertCell(j);
cells.innerHTML=i+','+j
}
}
Body.appendChild(Table);
}
</script>
相关文章
这篇文章主要介绍了微信小程序实现列表的横向滑动，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-07-07
让iframe子窗体取父窗体地址栏参数(querystring)
突然用到，记录一下，对地址栏字符串用正则处理最好，有时间研究一下。 主要是思路。2009-10-10
微信小程序 功能函数小结(手机号验证*、密码验证*、获取验证码*)
这篇文章主要介绍了微信小程序功能函数手机号验证、密码验证，获取验证码*的相关代码，非常不错，具有参考借鉴价值,需要的朋友可以参考下2017-12-12
关于在IE下的一个安全BUG --可用于跟踪用户的系统鼠标位置
本篇文章小编将为大家介绍，关于在IE下的一个安全BUG --可用于跟踪用户的系统鼠标位置。需要的朋友可以参考一下2013-04-04
这篇文章主要介绍了JS中的Map对象用法及说明，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-02-02
这篇文章主要为大家详细介绍了小程序实现简单的计算器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-07-07
这篇文章主要为大家详细介绍了layUI实现三级导航菜单效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
本文主要介绍了JavaScript中Math对象的方法，具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
在JavaScript中循环迭代数组的方法有很多种,下面这篇文章主要给大家介绍了关于如何在JavaScript中使用map()迭代数组的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-02-02
熟悉css的开发者一定知道图像替换技术，也深知它的意义，Dave Shea 曾在他的一篇文章对此做了详细的总结2010-01-01
最新评论