页面内一个无法预期什么时候会被添加的标签,我想让这个标签隐藏掉,前提是我无法操作源码,用的是油猴。
对自动生成的元素操作一般都是用事件委托吧。但是‘标签添加’又不是click、focus这类事件,不能用委托来做吧,求解决方案。
直接在页面添加css即可,假如此标签的id为#test
,你直接在body
上添加css如下:
#test{
display:none;
}
无论什么时候被添加,都会被隐藏的。
隐藏还不好办,如果知道被添加的元素是什么东西,譬如:<label class="wtf">What the fuck</label>
,那你只要加个css
:
.wtf{
display: none;
}
保证他无论什么时候添加的,都是隐藏状态。如果优先级不够,就加display: none !important;
简单粗暴
上面的回答已经给出了一句 CSS 解决问题的方法,但如果顺着题主的思路,通过监听 DOM 变化来实现,也是可以得——特别是在 CSS 选择器无法精确定位的情况下。推荐题主了解一下 Mutation Observer 来实现对 DOM 变化的监听。