<span>關閉按鈕不起作用</span>

Question

我寫了一個關閉div的腳本，因此當我單擊x時，div被刪除，但是由於某些原因，當我單擊x時，整個頁面都被刪除了。 有誰知道我可能在哪里錯了。

HTML

 <div class="note">  
         <span id='close' onclick='this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode); return false;'>x</span>    
    <div class="note-editable">
        <p>Hi and welcome to</p>
        <p1>Stickynote</p1>
        <p2>Go ahead and note away</p2>
    </div>        
 </div>

Answer 1

看來您升得太高了一級。 嘗試

onclick='this.parentNode.parentNode.removeChild(this.parentNode);'

Answer 2

您的<span>的父<div class="note">是<div class="note"> ，其父級大概是<body> ，其父級是<html> 。 因此，當您這樣做時：

this.parentNode.parentNode.parentNode

您正在引用<html>標記，並且在刪除時：

this.parentNode.parentNode

要刪除的<body>從你<html>從而消除您的所有內容。

相反，為了獲得所需的結果，可以在示例中刪除一個parentNode引用，如下所示：

this.parentNode.parentNode.removeChild(this.parentNode);

或者只是使用：

this.parentNode.remove();

<span>關閉按鈕不起作用</span>

問題描述

2 個解決方案

解決方案1
4 已采納 2015-08-04 17:31:21

解決方案2
0 2015-08-04 17:39:51

<span>關閉按鈕不起作用</span>

問題描述

2 個解決方案

解決方案1 4 已采納 2015-08-04 17:31:21

解決方案2 0 2015-08-04 17:39:51

解決方案1
4 已采納 2015-08-04 17:31:21

解決方案2
0 2015-08-04 17:39:51