javascript动态的创建无序列表条目
- 动态添加列表条目示例
- 动态添加列表条目示例
var oNew = document.getElementById("news");
document.getElementById("btnAdd").onclick = function(){
oElentment = document.createElement("li");
oTextNode = document.createTextNode("动态添加列表条目示例");
oElentment.appendChild(oTextNode);
oNew.appendChild(oElentment);
}
document.getElementById("btnDel").onclick = function(){
if(oNew.hasChildNodes()){ // hasChildNodes 判断该元素是否有子节点 有 true;
oNew.removeChild(oNew.lastChild); // 删除最后一个孩子
}
}