Greasemonkey：无法移动 div 类

Question

我一直在尝试使用个人油脂/tampermonkey 脚本在 twitch.tv 上使用

目前我正在尝试将 stats 和 stream-config-status 移动到 dash-hostmode-contain 之上。我找到了this 帖子并尝试对其进行重新设计以适合我想要的内容。这是我设置的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

您的代码中有两个问题：

1. 使用querySelector()时，您需要将#前缀添加到表示id的所有字符串，并将.前缀添加到表示类的所有字符串名字。
2. 您在#stream-config-status 中有错字。

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

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

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