DOM insertBefore 使用遇到的问题，记录下

最新推荐文章于 2024-08-05 14:33:08 发布

zc2087

最新推荐文章于 2024-08-05 14:33:08 发布

阅读量1.3k

点赞数 1

分类专栏： js 文章标签： table object html button function input

本文链接：https://blog.csdn.net/zc2087/article/details/5994871

版权

js 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

object.insertBefore(newnode,targetnode) 方法用于在指定的子节点之前插入节点。

指定节点与新节点为同级关系.注意：object必须与targetnode为父子关系，父孙关系或者其他关系均出错。

今天做的时候，table中没有加tbody，直接取的table对象，clone_node tr对象，但当 inserBefore ，object为table, targetnode为table.rows[0]时就会报错。

后来发现，table 与 tr 间还有一级 tbody对象，所以，insertBefore函数的object与targetnode，不是父子关系，所以会报错

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>无标题文档</title> </head> <body> <mce:script type="text/javascript"></mce:script> <table id="tbl"> <tbody id="tdy"> <tr id="row1"><td>one</td><td>one</td></tr> <tr id="row2"><td bgcolor="red" width="100">two</td><td width="50">two</td></tr> </tbody> </table> <input type="button" οnclick="appendRow()" value="Add row"> </body> </html>