请教一下， Tampermonkey 我想屏蔽一个原素应该如何编写？

[ukipoi]

<div data-test-id="post-content">
...
<div class="_3Oa0THmZ3f5iZXAQ0hBJ0k">
<a href="https://i.redd.it/xxx.jpg" target="_blank">
<img class="_2_tDEnGMLxpM6uOa2kaDB3 media-element"  src=""></a>
</div>
...
</div>

比如我想屏蔽这个 data-test-id 是 post-content 的这个 div。 或者这个 div 里具体的这个图片。应该怎么做呢？

[ayase252]

能拿到`document`都不是难事。。

像
```javascript
const postContent = document.querySelector('[data-test-id="post-content"]')
postContent.style.display = 'none'
```

[kingsleydon]

感觉如果只有这种需求用 Stylus 自定义 css 就好了？

[ukipoi]

@ayase252
非常感谢回复，我可以屏蔽掉内容了。
但是现在遇到一个问题，reddit 一个主题之后游览器显示的网址确实是变了，但是其实 Tampermonkey 并没有加载。
然后页面上应该是打开了一个窗口？（不是很懂这方面的东西。）我需要刷新页面他才会进入主题，这是 Tampermonkey 才会生效，请问这样这么解决呢

[imn1]

屏蔽有几种理解
1.整体不显示，这个 css 就行了，不必用 js
2.整体不加载，这个需要浏览器级 API
3.修改部分内容，这个才用 js

user 脚本多数是页面加载时加载运行，比较难处理网站 XHR 后加载的内容

[cy97cool]

@ukipoi 愚蠢一点你就搞个 setTimeout 每隔 1s 就看看 url 是不是变了 变了就执行你要的逻辑
愿意折腾就学一下 Mutation Obeserver

[ansyx]

选中元素，删除元素

[lzvezr]

用 css 就行了, 不需要 js
div[data-test-id="post-content"]
{
display: none !important;
}