<!doctype html>
<html
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
<button id="btn2">删除</button>
<ul class="ul">
<li>橘子</li>
<li>草莓</li>
<li>哈密瓜</li>
<li>苹果</li>
<li>葡萄</li>
<li>猕猴桃</li>
</ul>
<script>
var ulObj = document.getElementsByClassName("ul")[0];
var btn2Obj = document.getElementById("btn2");
btn2Obj.οnclick=function(){
var len=ulObj.getElementsByTagName('li').length;
var firstLi=ulObj.getElementsByTagName('li')[0];
var lastLi=ulObj.getElementsByTagName('li')[len-1];
if(len==1){
return;
}
if(firstLi.innerHTML=='苹果'){
ulObj.removeChild(lastLi);
//lastLi=null;
}else{
ulObj.removeChild(firstLi);
//firstLi=null;
}
}
</script>
</body>
</html>