replaceNode 在文档树中替换对象

最新推荐文章于 2024-06-09 00:30:00 发布

superes

最新推荐文章于 2024-06-09 00:30:00 发布

阅读量3.1k

点赞数 1

分类专栏： JavaScript 文章标签：文档 object button function input

JavaScript 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了一个简单的DOM操作方法——replaceNode，该方法允许开发者在文档树中用一个新的元素替换现有的元素，并提供了完整的示例代码。当旧元素被替换时，其所有属性和子节点也将一并被移除。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

语法：

oElement = object . replaceNode ( oNewNode )

参数：

oNewNode :　 必选项。对象(Element)。用于替换 object 的对象。

返回值：

oElement :　对象(Element)。返回被替换对象的引用。

说明：

在文档树用 oNewNode 替换 object 。
当 object 被替换时，所有与之相关的属性内容都将被移除。
oNewNode 必须先被建立。
在运行时使用此方法是可以的。在对象的关闭标签被解析前，文档空间可能不能被呈递。
示例代码：
<script>
function rdl_fnReplace(){
var sPreserve = oList.innerHTML;
var oNewNode = document.createElement("OL");
oList.replaceNode(oNewNode);
oNewNode.innerHTML = sPreserve;
}
</script>
<ul id = oList>
<li>第1个列表项目
<li>第2个列表项目
<li>第3个列表项目
<li>第4个列表项目
</ul>
<input type = button value = " 替换 " onclick = "rdl_fnReplace()">