DOM节点的替换或修改函数replaceChild()用法实例_javascript技巧

DOM节点的替换过程：
（1）创建新的节点；
（2）找到旧的节点；
（3）站在父节点的角度，使用replaceChild(新,旧)函数来替换。
代码如下:


function t(){
//思路：1.首先找到要替换的节点；2. 创建一个新的节点；3.找到父节点，在父节点的角度调用replaceChild(新,旧)方法
var newli = document.createElement('li');//创建新节点
var newtext = document.createTextNode('白天');//创建文本节点
newli.appendChild(newtext);

var nodeul = document.getElementsByTagName('ul')[0];//找到父节点
var oldli = nodeul.children[2];//找到要替换的节点

nodeul.replaceChild(newli,oldli);//替换

}

希望本文所述对大家的javascript程序设计有所帮助。