DOM创建表格
来源:互联网 发布:怎么添加usb001端口 编辑:程序博客网 时间:2024/05/21 22:58
近日,在研究DOM创建表格,但是发现有个东西在IE下始终运行不了,细细思量,原来是这个原因
window.onload=function(){var table=document.createElement("table");table.width=500;table.border=1;table.createCaption().innerHTML="人员表";var thead=table.createTHead();var tr=thead.insertRow(0);tr.insertCell(0).innerHTML="姓名";tr.insertCell(1).innerHTML="年龄";tr.insertCell(2).innerHTML="性别";//FF、chrome var tbody=table.createTBody();/* IE :*/ var tbody=document.createElement("tbody");table.appendChild(tbody);var tr=tbody.insertRow(0);tr.insertCell(0).innerHTML="李明";tr.insertCell(1).innerHTML="25";tr.insertCell(2).innerHTML="男";var tfoot=table.createTFoot();var tr=tfoot.insertRow(0);tr.insertCell(0).innerHTML="总数1";tr.insertCell(1).innerHTML="总数2";tr.insertCell(2).innerHTML="总数3";document.body.appendChild(table);}
注意上述代码中tbody的声明方式,火狐谷歌下,在table对象下createTBody即可,但是IE不支持这个用法,只能在document下面createElement。
万恶的IE!!!!!!!!!!!!!!!
0 0
- 使用DOM创建表格
- 【JavaScript】---DOM创建表格
- DOM创建表格
- html dom创建表格
- dom操作表格示例(dom创建表格)
- dom操作表格示例(dom创建表格)
- Dom-创建表格-使用表格对象
- 使用JavaScript和DOM动态创建表格
- 使用JavaScript和DOM动态创建表格
- 使用JavaScript和DOM动态创建表格
- 使用JavaScript和DOM动态创建表格
- 使用DOM创建表格的完整流程
- Dom-创建表格-指定行和列
- 使用DOM对象创建一个表格
- DOM(二)-07-DOM(示例-创建表格)
- DOM(二)-08-(示例-创建表格-使用表格对象)
- js-Dom动态创建表格,属性与事件
- 使用JavaScript和DOM动态创建表格(2)
- [LeetCode]Reverse Linked List(该题也可以使用递归解法==还没有用递归写过)
- 欢迎使用CSDN-markdown编辑器
- android简单可操作的屏幕适配
- HDU 4981/BC 6A Goffi and Median
- 【Java多线程】之五:wait, notify and notifyAll
- DOM创建表格
- 【转】一些图论、网络流入门题总结、汇总
- PRIM算法
- 回文数 找最长回文子串
- 小白学Python(三) 几个简单的函数
- 回文数 找第n个回文数
- Number of Islands
- Java中的50个关键字
- Java 两个方法彼此调用导致java.lang.StackOverflowError