使用 Javascript 删除没有“隐藏”的块CSS样式
我有一个问题 - 我想删除 div 而不是仅仅用 css 在我的网页上隐藏它们。我是 Javascript 新手,我不能确定这是否是,但我认为应该使用函数 removeChild()
。这是脚本:
http://jsbin.com/ufoyor/edit#javascript,html/
它的工作原理如下:
1)“X”按钮隐藏 pronto
和 crossClose
div,因为“隐藏”这些块的事实目的风格。
2) 如果该值与未显示的块匹配(样式=“visibility:hidden;”),则脚本会在 cookie 中设置特定值。
I have a problem - I want to DELETE the div's rather than just hide them with css on my web page. I'm newbie in Javascript and I can not say for sure whether this is but I think that should be used function removeChild()
. Here's the script:
http://jsbin.com/ufoyor/edit#javascript,html/
It works like this:
1) "X" button hide pronto
and crossClose
divs due to the fact-purpose style of "hidden" these blocks.
2) The script sets a specific value in a cookie if the value matched the block is not shown (with style = "visibility: hidden;").
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
是的,您可以使用removeChild() 删除该元素及其子树。
不过,我建议设置样式
display: none
。它根本不会显示(不会像visibility:hidden
那样占用空间)。Yes, you can remove the element together with its subtree with removeChild().
However, for I suggest setting style
display: none
. It won't display at all (won't occupy the space asvisibility:hidden
does).在纯 JavaScript 中使用
removeChild()
:https://developer. mozilla.org/En/DOM/Node.removeChild在 jQuery 中,您有方法
remove()
: http://api.jquery.com/删除/In plain JavaScript use
removeChild()
: https://developer.mozilla.org/En/DOM/Node.removeChildIn jQuery you have method
remove()
: http://api.jquery.com/remove/