怎么用js实现一个动态添加的元素的隐藏

Question

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

Answer 1

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

.wtf{
    display: none;
}

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

简单粗暴

Answer 2

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

#test{
    display:none;
}

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

Answer 3

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