1、创建一个节点;
2、在该节点创建文字节点;
3、找到页面中某个节点
4、利用该方法进行替换
在替换某个节点或删除某个节点时需要找到父亲节点在删除
javascript代码:
DOM.addEvent(window,'load',function(){
DOM.log.write("Replace a node");
var newChild = document.createElement('LI');
newChild.appendChild(document.createTextNode("A new list item"));
var firefoxLi = document.getElementById('safari');
firefoxLi.parentNode.replaceChild(newChild, firefoxLi);
});页面代码:
This is my HTML page. <br>
<div id='firefox' ></div>
<hr/>
<div>
<ul>
<li id='firefoxListItem' title="firefox">
<a href="#" title="get Firefox" id="firefox">Firefox 2.0</a>
</li>
<li>
<a href="#" title="getMicrsoft Inter" id='msie'>ie11</a>
</li>
<li>
<a href="#" title="check out safari" id='safari'>safari</a>
</li>
<li>
<a href="#" title="getOpera" id='Opera'>Opera</a>
</li>
</ul>
</div>
页面效果:
![](http://images0.cnblogs.com/blog/479886/201403/192129473965627.png)