DOM替换节点

一 介绍
替换节点可以使用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>
 
四 运行结果


 

猜你喜欢

转载自cakin24.iteye.com/blog/2360347