更换元素节点

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/T_P_F/article/details/81086778

更换节点元素

一、删除节点，添加节点
使用Jquery更换ol节点下的li节点，形如下
<ol>
<li>
王五<a>X</a><input>
</li>
<li>
李四<a>X</a><input>
</li>
<li>
刘振<a>X</a><input>
</li>
</ol>

步骤：
1.获取该节点var olNode = document.getElementsByTagName("ol")[4];
2. 删除该节点下的子节点
//当o_l下还存在子节点时 循环继续
        while(olNode.hasChildNodes()) 
        {
            olNode.removeChild(olNode.firstChild);
        }
3. //添加子节点
        for(var i=0; i<ccNames.length; i++){
            o_l.innerHTML+=
'<li>' 
+ ccNames[i] + '<a>X</a><input >
</li>';
        }


注意若是节点下还有子节点，则不能直接删除节点，需要删除子节点，再删除节点