DOM替换节点
程序员文章站
2022-05-22 16:42:05
...
一 介绍
替换节点可以使用replaceChild()方法来实现。
replaceChild()方法用来将旧的节点替换成新的节点。
obj. replaceChild(new,old)
new：替换后的新节点。
old：需要被替换的旧节点。
二 应用
替换节点，本示例在页面中输入替换后的标记和文本，单击“替换”按钮将原来的文本和标记替换成为新的文本和标记。
三 代码
<head>
<title>替换节点</title>
<script language="javascript">
<!--
function repN(str,bj)
{
var rep=document.getElementById('b1');
if(rep)
{
var newNode=document.createElement(bj);
newNode.id="b1";
var newText=document.createTextNode(str);
newNode.appendChild(newText);
rep.parentNode.replaceChild(newNode,rep);
}
}
-->
</script>
</head>
<body>
<b id="b1">可以替换文本内容</b>
<br />
输入标记：<input id="bj" type="text" size="15"/><br />
输入文本：<input id="txt" type="text" size="15"/><br />
<input type="button" value="替换" onclick="repN(txt.value,bj.value)"/>
</body>
四 运行结果
