<!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>
我加上了class標簽，為啥不行了？
像個好人
2017-07-22 15:23:03