使用onclick函數隱藏父元素

Question

我大部分時間都使用jQuery，所以我在使用以下（簡單）javascript時遇到了一些麻煩：

我想點擊它時忽略（隱藏）ap標簽的父元素：

HTML：

<div class="parent">
     <p id="dismiss" onclick="dismiss();">dismiss this box</p>
</div>

JS：

function dismiss(){
    document.getElementById('dismiss').pDoc.parentNode.style.display='none';
};

小提琴： http ： //jsfiddle.net/CUqmn/3/

但這不起作用。 什么是正確的代碼？

謝謝

Answer 1

http://jsfiddle.net/CUqmn/4/

function dismiss(){
      document.getElementById('dismiss').parentNode.style.display='none';
};

BTW，作為jsfiddle在加載器函數中包裝javascript代碼，在左選擇框中不使用換行來使其在jsfiddle上運行。

Answer 2

<div class="parent">
 <p id="dismiss" onclick="dismiss(this);">dismiss this box</p>
</div>

function dismiss(el){
  el.parentNode.style.display='none';
};

Answer 3

你可以嘗試：

HTML：

<div class="parent">
     <p id="dismiss" onclick="dismiss(this.parentNode);">dismiss this box</p>
</div>

JS：

function dismiss(delete){
    delete.style.display='none';
};

這將刪除父元素。 另外我最近發現你可以隱藏父元素的父元素，如下所示：

HTML：

<div class="parent">
     <p id="dismiss" onclick="dismiss(this.parentNode);">dismiss this box</p>
</div>

JS：

function dismiss(delete){
    delete.parentNode.style.display='none';
};

與此無關，但如果您想嘗試它就在那里。

對不起我的回復很晚。 2年后lol。