parentNode —元素的父节点

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4. <meta charset="UTF-8">
    5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
    6. <title>Document</title>
    7. </head>
    8. <body>
    9. <ul>
    10. <li>html <button>删除</button></li>
    11. <li>css <button>删除</button></li>
    12. <li>javascript <button>删除</button></li>
    13. </ul>
    14. <script>
    15. // parentNode --元素的父节点
    16. var btns = document.getElementsByTagName("button");
    17. for(var i=0;i<btns.length;i++){
    18. btns[i].onclick = function(){
    19. var temp = window.confirm("确定吗");
    20. if(temp){
    21. this.parentNode.style.display = "none"
    22. }
    23. }
    24. }
    25. </script>
    26. </body>
    27. </html>

    1.PNG