这个demo里,发现了上方的输入框并没有判断是不是输入为空。
所以就需要把第一个button的onclick事件,稍加改动一下。
oBtn1.οnclick=function(){
if(oTxt.value ==""){
alert("输入框不能为空!")
}else{
var oLi= document.createElement("li");
oUl.appendChild(oLi);
oLi.innerHTML=oTxt.value;
//获取li的长度
var Lis=document.getElementsByTagName('li').length-1;
var Li_id="li"+Lis;
//设置新的li的id;
oLi.setAttribute("id",Li_id);
}
}
加了一个if的条件选择,如果输入框不为空的话,再执行原来的onclick事件。
就可以避免输入框为空,出现空li的情况了。