gpt4 book ai didi

javascript - 使用javascript使父节点消失

转载 作者:行者123 更新时间:2023-11-28 19:28:27 24 4
gpt4 key购买 nike

我编写了一个函数,可以使元素的父元素消失,但它不起作用。这是代码。HTML:

<div class="att">
<p style="display:inline-block;margin-bottom:2px;cursor:default;">Delete Parent of this element by clicking the image!</p>
<img src="xicon.png" height="16" width="auto" style="display:inline-block;margin-top:3px;cursor:pointer;" onclick="deleteParent(this.id)"/>
</div>

Javascript:

function deleteParent(id){
document.getElementById(id).parentNode.style.display="none";
}

为什么这段代码不起作用?提前致谢!

最佳答案

您的元素没有id。您应该只引用元素本身,而不是通过 ID。这样它将适用于所有元素,而不必担心它们是否有 ID。

function deleteParent(elem){
elem.parentNode.style.display="none";
}
<div class="att">
<p style="display:inline-block;margin-bottom:2px;cursor:default;">Delete Parent of this element by clicking the image!</p>
<img onclick="deleteParent(this)" src="xicon.png" height="16" width="auto" style="display:inline-block;margin-top:3px;cursor:pointer;"/>
</div>

关于javascript - 使用javascript使父节点消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27365890/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com