javascript - 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';
};

ところで、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年後笑。