js ul 清缓存_JavaScript使用ul中li标签实现删除效果

ul {

list-style: none;

}

li {

background-color: #ddd;

margin-top: 2px;

}

li:hover {

background-color: #be3131;

}

li.hover {

background-color: green;

}

;

• 篮球
• 足球
• 羽毛球
• 篮球
• 足球
• 羽毛球
• 篮球
• 足球
• 羽毛球

删除

//获取所有的li节点

var list = document.getElementById("uid").getElementsByTagName("li");

//给每一个li节点添加class属性

for(var i = 0; i < list.length; i++) {

list[i].onclick = function() {

if(this.className == "hover") {

this.className = "";

} else {

this.className = "hover";

}

}

}

//删除操作

function doDel() {

for(var i = 0; i < list.length; i++) {

if(list[i].className == "hover") {

list[i].parentNode.removeChild(list[i]);

i--;

}

}

}