dom对html增删改操作,6.DOM对HTML元素的增删改操作

节点的增删改操作

function createNode(){

//创建一个li元素

var li = document.createElement("li");

li.innerHTML = "郑州";//添加内容

var ul = document.getElementById("city");

ul.appendChild(li);

}

function copyNode(){

//复制第一个li

var ul = document.getElementById("city");

var li1 = ul.firstChild.nextSibling;

var newli = li1.cloneNode(true);

ul.insertBefore(newli,li1);

}

function delNode(){

//删除最后一个li

var ul = document.getElementById("city");

var lastli = ul.getElementsByTagName("li");

if(lastli.length>0){

ul.removeChild(lastli[lastli.length-1]);

}

}

• 北京
• 上海