Greasemonkey：无法移动 div 类

Question

我一直在尝试使用个人 grease/tampermonkey 脚本用于 twitch.tv

目前我正在尝试将统计信息和流配置状态移动到 dash-hostmode-contain 之上。我找到了 this post and tried re-working it to fit what I want. This is what I had setup http://jsfiddle.net/7L2s180s/3/ 但是我没有经验，所以我失败了。

<div class="grid c7" id="controls_column">
    <div class="dash-broadcast-control">title broadcast</div>
    <div class="dash-hostmode-contain"> you are not being hosted</div>
    <div class="dash-hosting-contain" style="display: none;"></div>
    <div class="dash-player-contain js-dash-player-contain">----</div>
    <div id="stats"> x people are watching</div>
    <div id="stream-config-status">good quality</div>
</div>

我的最终目标是这个，我只是还没想好让那两个动起来。

<div class="grid c7" id="controls_column">
    <div class="dash-broadcast-control">title broadcast</div>
    <div id="stats"> x people are watching</div>
    <div id="stream-config-status">good quality</div>
    <div class="dash-hostmode-contain"> you are not being hosted</div>
    <div class="dash-hosting-contain" style="display: none;"></div>
    <div class="dash-player-contain js-dash-player-contain">----</div>
</div>

Answer 1

您的代码中有两个问题：

使用querySelector()时，需要在所有表示id的字符串中添加#前缀，在[中添加.前缀=23=]所有个代表class个名字的字符串。
您在 #stream-config-status 中输入错误。

看看你的 JSFiddle 的这个更新版本：

http://jsfiddle.net/7L2s180s/5/

作为一般提示，以后您可以使用所有主要浏览器的开发者控制台来调试这样的错误。只需按 F12 即可打开它。它会向您显示大多数错误消息。

Greasemonkey：无法移动 div 类

Greasemonkey: Unable to move div classes

html

javascript

greasemonkey

userscripts

twitch