您的位置:新葡亰496net > 服务器网络 > 新葡亰496net:动态增多表格行_JavaScript_脚本之家

新葡亰496net:动态增多表格行_JavaScript_脚本之家

发布时间:2019-11-24 05:32编辑:服务器网络浏览(190)

    表格部分代码如下:

    新葡亰496net:动态增多表格行_JavaScript_脚本之家,删除表格示例代码_javascript技能_脚本之家。生成一个2000*5的表格,每个单元格的内容是行号 逗号 列号 方法一:使用createElement生成表格,使用insertRow和insertCell方法生成行列,单元格的内容使用innerHTML属性进行填充。 方法二:使用createElement生成表格,使用CreateElement方法生成行列,单元格的内容使用了createTextNode方法填充。 方法三:拼接表格innerHTML属性的字符串,使用字符串 = 操作符链接字符串 方法四:拼接表格innerHTML属性的字符串,各个字符串追加数组里面,最后调用数组的join方法生成目标字符串。 运行时间比较: 方法 运行时间 方法一 93037 方法二 3341 方法三 2795 方法四 500 具体的程序如下: 复制代码 代码如下:

    第一行

    新葡亰496net,test page

    第二行

    1、inserRow函数 insertRow()函数可以带参数,形式如下: insertRow 这个函数将新行添加到index的那一行前,比如insertRow,是将新行添加到第一行之前。默认的insertRow,将新行添加到表的最后。 insertCell()和insertRow的用法相同。 2、动态设置属性和事件 上面的innerHTML和innerText都是列的属性。 innerText是添加到之间的文本,innerHTML是添加到之间的HTML代码 设置其他属性也是用同样的方式,比如,设置行背景色 tr.bgColor = 'red'; 设置colspan属性 td.colSpan = 3; 设置事件也一样,需要简单说明一点。 比如,我要让点击新加行的时候执行一个自己定义的函数 newClick,newClick函数如下: function newClick; } 对onclick事件设置这个函数的代码如下: tr.onclick = newClick; 这里需要主义的是,=后面的部分必须是函数名,而且不能带引号, newTr.onclick = newClick(); newTr.onclick = 'newClick'; newTr.onclick = "newClick"; 上面的写法都是错误的。 下面的写法,也是正确的 newTr.onclick = function newClick; } 动态删除表格 方法1: 复制代码 代码如下:

    第三行

    第1行 删除本行
    第2行 删除本行

    动态添加表行的javascript函数如下:

    方法2: 复制代码 代码如下:

    新葡亰496net:动态增多表格行_JavaScript_脚本之家,删除表格示例代码_javascript技能_脚本之家。function addRow(){

    第1行 删除本行
    第2行 删除本行

    //添加一行

    var newTr = testTbl.insertRow();

    //添加两列

    var newTd0 = newTr.insertCell();

    var newTd1 = newTr.insertCell();

    //设置列内容和属性

    newTd0.innerHTML = '';

    newTd2.innerText= '新加行';

    }

    就这么简单,做点详细的说明:

    1、inserRow函数

    insertRow()函数可以带参数,形式如下:

    insertRow

    这个函数将新行添加到index的那一行前,比如insertRow,是将新行添加到第一行之前。默认的insertRow,将新行添加到表的最后。

    insertCell()和insertRow的用法相同。

    2、动态设置属性和事件

    上面行数中的innerHTML和innerText都是列的属性。

    这个inner,就是“inner”到之间,innerText是添加到之间的文本,innerHTML是添加到之间的HTML代码

    设置其他属性也是用同样的方式,比如,设置行背景色

    newTr.bgColor = 'red';

    设置事件也一样,需要简单说明一点。

    比如,我要让点击新加行的时候执行一个自己定义的函数 newClick,newClick行数如下:

    function newClick(){

    alert;

    对onclick事件设置这个函数的代码如下:

    newTr.onclick = newClick;

    这里需要主义的是,=后面的部分必须是函数名,而且不能带引号,

    newTr.onclick = newClick();

    newTr.onclick = 'newClick';

    newTr.onclick = "newClick";

    上面的写法都是错误的。

    为什么,其实知道为什么没有什么意思,知道怎么用就OK了,如果不想知道,可以跳过下面这一段。

    实际上这个=后面的newClick是指向自己定义的newClick函数的指针,javascript里面函数名就是指向函数的指针,加了引号括号什么的浏览器就找不到那个函数了。

    下面的写法,也是正确的

    newTr.onclick = function newClick(){

    alert;

    这个使用函数名实际上是一样的

    设置其他的事件用法相同。

    本文由新葡亰496net发布于服务器网络,转载请注明出处:新葡亰496net:动态增多表格行_JavaScript_脚本之家

    关键词: