javascript - 使用 onclick 函数隐藏父元素

我大部分时间都在使用 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';
};

fiddle : http://jsfiddle.net/CUqmn/3/

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

谢谢

最佳答案

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

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

顺便说一句，作为 jsfiddle 在加载器函数中包装 javascript 代码，在左侧选择框中不使用包装以使其在 jsfiddle 上工作。

关于javascript - 使用 onclick 函数隐藏父元素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17399897/