第一步：獲取頁面的ul，button

第二步：動(dòng)態(tài)創(chuàng)建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);

}

}

```