DOM创建表格
2015-08-09 10:47
579 查看
近日,在研究DOM创建表格,但是发现有个东西在IE下始终运行不了,细细思量,原来是这个原因
注意上述代码中tbody的声明方式,火狐谷歌下,在table对象下createTBody即可,但是IE不支持这个用法,只能在document下面createElement。
万恶的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!!!!!!!!!!!!!!!
相关文章推荐
- HTML基础(一)
- 3.5html学习笔记之框模型,盒子模型
- html中含提示文字的输入框
- 3.4html学习笔记之表格
- HTML中的button标签的使用,和介绍
- Win10通用程序 UWP版HtmlAgilityPack UWP应用使用示例
- HTML中的进度条标签的应用<progress>
- 3.3html学习笔记之链接
- 3.2html学习笔记之图片
- html元素英文含义
- 3.1html学习之列表
- HTML快速入门4
- HTML快速入门3
- HTML快速入门2
- HTML 快速入门
- MVC中的Html.ActionLink的介绍
- HTML 笔记,持续更新
- VIM : add extra info while using ToHtml
- html中读取xml文件中中文出现乱码
- 【DOM操作】实时监听input[type='text']和HTML标签中属性改变事件