Javascript onclick隐藏div

我想在其中使用javascript隐藏这个警告div

我把javascript弄对了？我想在单击关闭图标（images/close\u icon.gif）时隐藏/关闭div

警告：
这些是新产品
如果要关闭它，可以将其隐藏或从页面中删除。要隐藏它，请执行以下javascript操作：

this.parentNode.style.display = 'none';

要删除它，请使用
removeChild

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

如果包含jQuery这样的库，那么隐藏或删除div会稍微容易一些：

$(this).parent().hide();
$(this).parent().remove();

还有一件事，当您的
img
位于锚中时，锚上的onclick事件也将触发。当
href
设置为#时，页面将回滚到页面顶部。一般来说，如果希望链接执行除转到其
href
之外的其他操作，则最好将onclick事件设置为
return false
只需为锚标记添加onclick处理程序

onclick="this.parentNode.style.display = 'none'"

或者更改img标记的onclick处理程序

onclick="this.parentNode.parentNode.style.display = 'none'"

HTML

简单和最佳方式：

onclick="parentNode.remove()"

从html中删除完整的父级
您是否使用jquery或原始javascript这样的库？+1，但他在
img
上有
onclick
，而不是
a
，因此应该是
this.parentNode.parentNode.style.display='none'
和类似的
this.parentNode.parentNode.parentNode.removeChild（this.parentNode.parentNode）。除非您建议移动它。：-）说句公道话，我在编辑问题之前误读了它。无论如何，如果事件在锚上会更好。同意，这也是我建议的。如果您想知道，您也可以使用
this.parentNode.style.display='block'再次显示（取消隐藏？）元素
或通过
this.parentNode.style.display='
这将使浏览器使用display属性的原始值。嗨，克里斯。谢谢你。不过我有一个疑问，有没有办法给它添加一个“过渡效果”？通过转换，我的意思是，“hideme”div将以线性方式关闭2秒，类似于这样。再次感谢！当然，您可以将元素设置为溢出：使用javascript隐藏，然后使用超时或setinterval，然后可以减小div的高度，直到它达到0。但是，使用JQuery.animate（）会更容易实现这种效果
<div id='hideme'><strong>Warning:</strong>These are new products<a href='#' class='close_notification' title='Click to Close'><img src="images/close_icon.gif" width="6" height="6" alt="Close" onClick="hide('hideme')" /></a

function hide(obj) {

    var el = document.getElementById(obj);

        el.style.display = 'none';

}

onclick="parentNode.remove()"