为什么加上window.onload = function (){}就不行了呢-慕课网

首页课程实战体系课手记专栏慕课教程

为什么加上window.onload = function (){}就不行了呢

来源：3-4 编程练习

Thinker_Ac

2014-12-12 23:07

为什么加上window.onload = function (){}就不行了呢

写回答关注

1回答

梦身: 2015-08-03 23:47:45

这样写的时候可以，onload是加载整个页面时调用函数，需要明确具体是那个元素触发事件时才调用，而onclick=del(this)是每次单独调用，this就代表自己，与别人无关。我是这样理解的

<!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>内容1<button >删除</button></li>
    <li>内容2<button >删除</button></li>
    <li>内容3<button >删除</button></li>
    <li>内容4<button >删除</button></li>
    <li>内容5<button >删除</button></li>
</ul>
</body>
</html>

0 0

人人网评论功能

仿人人网评论，让你的网页活跃起来，赶快来学习让功能的实现吧

27691 学习 · 155 问题

查看课程

相似问题

为什么不使用this就运行不了？

回答 1

单机按钮票数加一，用total.innerHTML = parseInt(total.innerHTML) + 1可以，但要是用var num = total.innerHTML 把total.innerHTML 都替换掉就不行，为什么

回答 1

想问下，为什么要加个switch

回答 1

直接remove不就完了

回答 3

获取类元素为什么加下标？

回答 2

打开慕课网App查看更多内容