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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 2175 天前的主题，其中的信息可能已经有所发展或是发生改变。

<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 里具体的这个图片。应该怎么做呢？

div

class

屏蔽

原素

7 条回复 • 2018-12-11 20:39:32 +08:00

ayase252

2018-12-11 13:02:38 +08:00

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

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

kingsleydon

2018-12-11 13:10:00 +08:00

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

ukipoi

2018-12-11 13:52:26 +08:00

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

imn1

2018-12-11 14:25:07 +08:00

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

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

cy97cool

2018-12-11 15:58:50 +08:00 via Android

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

ansyx

2018-12-11 18:31:45 +08:00 via Android

选中元素，删除元素

lzvezr

2018-12-11 20:39:32 +08:00

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