dom创建table的一个方法
来源:互联网 发布:网络销售品牌授权书 编辑:程序博客网 时间:2024/06/05 02:03
document.createElement("table")只是创建了一个对象,如果要把它添加到document中,还需要另外的方法(appendChild、insertAdjacentElement、insertBefore)
例子:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
</head>
<body>
<table id="tab1" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td> </td></tr>
</table>
<script language="JavaScript">
alert(document.documentElement.innerHTML) //查看添加对象以前的源码
oNewTable = document.createElement("table")
//以下三种方法任选一种测试,注释掉其余两种
document.body.appendChild(oNewTable) //增加成为body的最后一个子元素
document.body.insertBefore(oNewTable, tab1) //增加成为body的子元素,位于tab1的前面
tab1.insertAdjacentElement("beforeBegin", oNewTable) //插入到tab1的前面(tab1是上面那表格对象的ID)
//beforeBegin还可以换成"afterBegin", "beforeEnd" , "afterEnd"
alert(document.documentElement.innerHTML) //查看添加对象以后的源码
//更具体的用法请参考MSDN:http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/dhtml_reference_entry.asp
</script>
</body>
</html>
例子:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
</head>
<body>
<table id="tab1" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td> </td></tr>
</table>
<script language="JavaScript">
alert(document.documentElement.innerHTML) //查看添加对象以前的源码
oNewTable = document.createElement("table")
//以下三种方法任选一种测试,注释掉其余两种
document.body.appendChild(oNewTable) //增加成为body的最后一个子元素
document.body.insertBefore(oNewTable, tab1) //增加成为body的子元素,位于tab1的前面
tab1.insertAdjacentElement("beforeBegin", oNewTable) //插入到tab1的前面(tab1是上面那表格对象的ID)
//beforeBegin还可以换成"afterBegin", "beforeEnd" , "afterEnd"
alert(document.documentElement.innerHTML) //查看添加对象以后的源码
//更具体的用法请参考MSDN:http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/dhtml_reference_entry.asp
</script>
</body>
</html>
- dom创建table的一个方法
- 解决dom创建table的显示不了的方法
- 一个封装的创建DOM元素的JS方法
- DOM创建table
- 操纵DOM,创建table,显示获得的数据
- JS中DOM的创建方法
- jquery 创建 SVG DOM 的处理方法
- 创建一个dom元素
- 使用table自带方法和DOM方法操作HTML table的区别
- 使用JS创建table的高效方法
- 创建一个Table
- 动态创建dom元素、获取dom元素的属性及遍历dom元素的方法
- 基于DOM现有的insertBefore()方法封装一个insertAfter()方法
- 一个创建数据源的方法
- 创建一个线程的方法
- delphi dom创建节点方法
- 利用DOM创建input时,遇到的问题解决方法
- DOM对象的常用方法(特别是动态创建)
- 推荐一个好的flash游戏,非常棒的效果
- Http状态码含义
- 数据驱动 有关资料搜集
- 数组实现的Index链表管理
- 高温假四日自驾游第三日--我们与九寨沟擦肩而过
- dom创建table的一个方法
- VC++学习笔记 -经验
- 推荐一个好的网站,烂漫的网上花园,献给身边的亲人
- 《学徒〉第二集之男队project manager需要反省的地方
- FAT32小结(更新)
- 苹果创办人沃兹尼克给年轻工程师的三个忠告
- 类似于QQ游戏百万人同时在线的服务器架构实现
- 正则表达式--入门
- 正则表达式--元字符