我加上了class标签，为啥不行了？

<!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;
        }
        .123:hover button {
            /* 显示删除按钮 */
            display:inline;
        }
    </style>
    <script type="text/javascript">

        //定义按钮点击事件del，删除上级节点
        function del(){
         var e=e||window.event;
         var el=e.srcElement;
         var li=el.parentNode;
         li.parentNode.removeChild(li);
        } 
    </script>
</head>
<body>
<ul>
    <li class="123">内容1<button onclick="del(this)">删除</button></li>
    <li>内容2<button onclick="del(this)">删除</button></li>
    <li>内容3<button onclick="del(this)">删除</button></li>
    <li>内容4<button onclick="del(this)">删除</button></li>
    <li>内容5<button onclick="del(this)">删除</button></li>
</ul>
</body>
</html>
像个好人
浏览 1200回答 1
1回答

随时随地看视频慕课网APP