使用onclick函数隐藏父元素

Hide parent element with onclick function

本文关键字：元素 隐藏 函数 onclick 使用      更新时间：2023-09-26

我大部分时间都使用jQuery，所以我在以下（简单）javascript方面遇到了一些问题：

我想在点击p标签时忽略（隐藏）它的父元素：

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/

但这是行不通的。正确的代码是什么？

感谢

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

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

顺便说一句，作为loader函数中的jsfiddle包装javascript代码，在左选择框中使用no包装可以使其在jsfiddl上工作。

<div class="parent">
 <p id="dismiss" onclick="dismiss(this);">dismiss this box</p>
</div>
function dismiss(el){
  el.parentNode.style.display='none';
};

您可以尝试：

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.

相关文章：