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>

View Code

第二种方法：

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

转载于:https://www.cnblogs.com/ikasa007/p/3487209.html

javascript 动态创建表格相关推荐

javascript动态创建表格：新增、删除行和列
利用js来动态创建表格有两种格式,appendChild()和insertRow.insertCell().两种方式其实差不多,但第一种有可能在IE上有问题,所以推荐大家使用第二种了,直接说吧. 1. ...
javascript 动态创建表格：新增、删除行和单元格
2019独角兽企业重金招聘Python工程师标准>>> 利用js来动态创建表格有两种格式,appendChild()和insertRow.insertCell().两种方式其实差不多 ...
利用javascript动态创建表格
//说明:实现功能.原理上文相同.不过这次是利用已有的简单的方法创建行和列,并实现内容行鼠标移入变色功能! 效果图: /*两个方法 1. trNode table.insertRow(-1) ...
JavaScript学习（二十二）—动态创建表格
JavaScript学习(二十二)-动态创建表格效果如下: 代码如下: <!DOCTYPE html> <html lang="en"><head& ...
动态创建表格给同一个标签创建点击事件并让点击事件操作内容不一样
动态创建表格给同一个标签创建点击事件,每个点击事件操作的元素不一样. 现在有这样的需求,点击"查看详细"显示或隐藏标签.要实现这样的效果就要给点击标签添加两个属性,一个属性是nam ...
利用Javascript动态生成表格的小demo
利用Javascript动态生成表格的小demo 利用Javascript中data数据库存储内容动态生成表格,点击删除可对整行内容进行删除 <!DOCTYPE html> <htm ...
FineUIMvc随笔（1）动态创建表格列
声明:FineUIMvc(基础版)是免费软件,本系列文章适用于基础版. <FineUIMvc随笔>目录 FineUIMvc随笔(1)动态创建表格列 FineUIMvc随笔(2)怎样在控件中 ...
javascript动态创建可拖动、最大化、最小化的层
javascript动态创建可拖动.最大化.最小化的层 2010-02-06 13:19 用Javascript实现div层的拖动是很常见的一种操作,比如弹出提示对话框,快捷登录等等.之前用隐藏层的方 ...
QT通过JavaScript动态创建QML对象
QT通过JavaScript动态创建QML对象通过JavaScript动态创建QML对象动态创建对象动态创建组件从QML字符串创建对象维护动态创建的对象动态删除对象通过JavaScrip ...

javascript 动态创建表格

javascript 动态创建表格相关推荐

最新文章

热门文章