首先煎娇，這個網(wǎng)頁的頁面效果為
當(dāng)點擊下面的添加按鈕時二庵，上面的大框框就會添加對應(yīng)的內(nèi)容。
然后缓呛，點擊后面的“x”也可以單個清除催享，當(dāng)點擊全部清除時則清空所有標(biāo)簽。下面讓我們看看用代碼怎么實現(xiàn)吧强经。
首頁：布局代碼為：
上面的大框是一個div睡陪、然后有一個全部清除的按鈕，id為'btn1'匿情，然后下面的標(biāo)簽為無序列表
然后是js代碼部分:
首先兰迫，獲取元素，接著for循環(huán)炬称，然后用自執(zhí)行匿名函數(shù)給每個li添加單擊事件汁果，然后var str=列表的文本內(nèi)容，接著創(chuàng)建一個元素oH（元素類型為h3）,然后給oH添加內(nèi)容玲躯，內(nèi)容是列表的文本內(nèi)容加上一個超鏈接(超鏈接文本為? 'X' )据德，接著插入元素，然后獲取a標(biāo)簽跷车。
oA.onclick=function表示點擊'X'時棘利，刪除子節(jié)點。
最后給全部清除按鈕加單擊事件朽缴，當(dāng)單擊時善玫，將內(nèi)容設(shè)置為空，就可以啦密强。然后整個頁面就完成啦茅郎！
