javascript 动态增加行列
来源:互联网 发布:三娃被软件缠过程 编辑:程序博客网 时间:2024/05/17 06:40
下面这段代码 我在IE、火狐、Chrome都测试通过<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript">
function rdl_doAdd(){
var filetable = document.getElementById('filelist');
var tr = document.createElement('tr');
var td1 = document.createElement('td');
td1.innerHTML = '111';
var td2 = document.createElement('td');
td2.innerHTML = '222';
tr.appendChild(td1);
tr.appendChild(td2);
filetable.appendChild(tr);
}
</script>
</head>
<body>
<table cellspacing=1 id=myTable width=90%>
<tbody id="filelist">
</table>
<br><input type=button value=" 插入TBODY " onclick="rdl_doAdd();">
</body>
</html>
需要注意的是<table>中要有<tbody>否则在IE6下不起作用。原因据说如下:
在 IE 下 COL, COLGROUP, FRAMESET, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, TR 这些元素的 innerHTML 属性都是只读的,不能直接操作。
原来直接使用insertRow() 方法在ie下没有问题,但是火狐和chrome就没有效果,网上说改成insertRow(-1),但我这里还是不行
var tb = document.getElementById("datatable");
tb.rows[1].cells[1].innerHTML ="zzzzzz";
//表格行数
var rownum = tb.rows.length ;
//列数
var cownum = tb.rows.item(0).cells.length;
//添加一行
var newTr = tb.insertRow();
//添加列
for (i=0;i<3;i++) {
var myTD=myTr.insertCell();
myTD.innerText="第"+(i+1).toString()+"个单元格";
}
参考:http://www.jb51.net/article/19708.htm
- javascript 动态增加行列
- Jquery 动态增加和删除行列
- JavaScript动态增加行
- JavaScript 动态增加行~
- Javascript 动态增加表格行
- 用C#代码画出一个Table同时增加 按钮事件为他动态增加行列
- Datatable增加行列
- Javascript 动态创建表格(还能删除行列)
- 【javascript】table对象操作,动态创建,删除指定行列
- JavaScript 实现动态增加、删除表单域
- Javascript实现动态增加、删除表格域
- 用javascript实现动态增加DataGrid行
- javascript动态增加、删除、填充表格内容
- javascript动态增加、删除、填充表格内容
- javascript动态增加、删除、填充表格内容
- javascript动态增加、删除、填充表格内容
- javascript动态增加表单的控件
- 使用Javascript动态增加,删除表格
- Wireshark图解教程--介绍界面、两个菜单以及capture filter的语法
- Wireshark图解教程--介绍界面、两个菜单以及capture filter的语法
- 1
- Android 中关于 【Cursor】 类的介绍
- SSH中用apache的jxl.jar导入导出Excel表格
- javascript 动态增加行列
- Sybil attack
- LVS+Keepalived实现高可用集群
- Android 各版本之间的区别
- 怎样在使用KVM切换器的情况下设置Ubuntu 10.04.2的分辨率?
- 国嵌 vi
- C++内存分配秘籍—new,malloc,GlobalAlloc详解
- myeclipse快捷键大全
- UI Table View Controller浅析