JavaScript 元素、节点

var btn1 = document.getElementById("btn1");

btn1.onclick = function()
                {
/*// 创建P元素
var p = document.createElement("p");


// 创建文本
var txt = document.createTextNode("我是被创建出来的文本");


// 将文本添加到P元素中
p.appendChild(txt);*/

var li = document.createElement("li");
var item1 = document.createTextNode("Item1");
li.appendChild(item1);

/*// 获取div
var div = document.getElementById("mydiv");


// 将p插入到div中
div.appendChild(p);*/
div.appendChild(li);
}



// 获取列表id
var ul = document.getElementById("cc");
// 获取按钮id，并添加onclick 事件
var btn2 = document.getElementById("btn2");
btn2.onclick = function()
               {
// 如果 ul有子节点
if(ul.hasChildNodes())
                        {
// 获取列表中最后一个子节点
var li = ul.lastChild;
// 节点的名字等于本身
// 得到最后的li
while(li.nodeName=='#text')
                                {
//previousSibling 属性可以返回某节点之前紧跟的节点 
li = li.previousSibling;
}
// 删除节点
ul.removeChild(li);
}

}