第一步：获取页面的ul，button
第二步：动态创建li元素
第三步：把li元素追加到ul中
第四步：
```
Title
ul li{
width:200px;
height:40px;
border:1px solid#000;
}
.ac{
color: red;
}
button{
width:30px;
height:20px;
line-height:20px;
background-color:#ffd8d7;
}
+
window.onload=function() {
varul=document.getElementsByTagName('ul')[0];
varbtn=document.getElementsByTagName('button')[0];
varli=document.createElement('li');
li.innerHTML='hello';
ul.appendChild(li);
ul.onclick=function(e) {
varev=event||window.event;
vartargt=ev.target||window.srcElement;
if(targt.tagName.toLowerCase() =='li'){
if(targt.getAttribute('class')=='ac'){
targt.setAttribute('class',' ');
}else{
targt.setAttribute('class','ac');
}
}
};
btn.onclick=function() {
varnewli=li.cloneNode(true);
ul.appendChild(newli);
}
}
```
网友评论