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);
}
}
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);
}
}