javascript - 怎么用js实现一个动态添加的元素的隐藏
怪我咯
怪我咯 2017-04-11 10:58:33
[JavaScript讨论组]

页面内一个无法预期什么时候会被添加的标签,我想让这个标签隐藏掉,前提是我无法操作源码,用的是油猴。
对自动生成的元素操作一般都是用事件委托吧。但是‘标签添加’又不是click、focus这类事件,不能用委托来做吧,求解决方案。

怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(3)
ringa_lee

隐藏还不好办,如果知道被添加的元素是什么东西,譬如:<label class="wtf">What the fuck</label>,那你只要加个css:

.wtf{
    display: none;
}

保证他无论什么时候添加的,都是隐藏状态。如果优先级不够,就加display: none !important;

简单粗暴

天蓬老师

直接在页面添加css即可,假如此标签的id为#test,你直接在body上添加css如下:

#test{
    display:none;
}

无论什么时候被添加,都会被隐藏的。

迷茫

上面的回答已经给出了一句 CSS 解决问题的方法,但如果顺着题主的思路,通过监听 DOM 变化来实现,也是可以得——特别是在 CSS 选择器无法精确定位的情况下。推荐题主了解一下 Mutation Observer 来实现对 DOM 变化的监听。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号