DOM替换节点

javascript  replaceChild可以替换某个节点；具体使用方法：

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>

页面效果：

来自为知笔记(Wiz)