為什么加上window.onload = function (){}就不行了呢
為什么加上window.onload = function (){}就不行了呢
Thinker_Ac
2014-12-12
1 回答
舉報(bào)
0/150
提交
取消
2015-08-03
這樣寫的時(shí)候可以，onload是加載整個(gè)頁(yè)面時(shí)調(diào)用函數(shù)，需要明確具體是那個(gè)元素觸發(fā)事件時(shí)才調(diào)用，而onclick=del(this)是每次單獨(dú)調(diào)用，this就代表自己，與別人無(wú)關(guān)。我是這樣理解的
<!DOCTYPE?html> <html> <head> ????<meta?charset="UTF-8"> ????<title></title> ????<style?type="text/css"> ????????li{ ????????????width:?100px; ????????????height:?20px; ????????????line-height:??20px; ????????????position:?relative; ????????????margin:?10px; ????????} ????????button?{ ????????????position:?absolute; ????????????right:?3px; ????????????top:?1px; ????????????height:?20px; ????????????/*?隱藏深處按鈕?*/ ????????????display:none; ???????????????????? ????????} ????????li:hover?button?{ ????????????/*?顯示刪除按鈕?*/ ????????????display:block; ????????} ????</style> ????<script?type="text/javascript"> ????????window.onload=function() ???????{ ???????????var?li=document.getElementsByTagName('button'); ???????????for(var?i=0;i<li.length;i++) ???????????{ ???????????????li[i].onclick=function() ???????????????{ ?????????????????var?p?=?this.parentNode;????????????????? ?????????????????p.parentNode.removeChild(p);? ???????????????}; ???????????} ???????} ???????? ????</script> </head> <body> <ul> ????<li>內(nèi)容1<button?>刪除</button></li> ????<li>內(nèi)容2<button?>刪除</button></li> ????<li>內(nèi)容3<button?>刪除</button></li> ????<li>內(nèi)容4<button?>刪除</button></li> ????<li>內(nèi)容5<button?>刪除</button></li> </ul> </body> </html>