Greasemonkey脚本将一个元素移动到另一个元素中？

Question

Greasemonkey脚本将一个元素移动到另一个元素中？

3

我想移动 <div> 元素。在这种情况下，交换第一个和最后一个 div.clearfix。所以变成这样:

<fieldset>
    <div class="clearfix ">
        <label for="form-title">Title</label>
        <div class="input"></div>
    </div>
    <div class="clearfix "></div>
    <div class="clearfix ">
        <label>Verification</label>
        <div dir="ltr">
            recaptcha
        </div>
    </div>
</fieldset>

将变为这样：

<fieldset>
    <div class="clearfix ">
        <label>Verification</label>
        <div dir="ltr">
             recaptcha
        </div>
    </div>
    <div class="clearfix "></div>
    <div class="clearfix ">
        <label for="form-title">Title</label>
        <div class="input"></div>
    </div>
</fieldset>

我已经搜索过了，但是我找到的都是移动（屏幕？）位置，而不是我想要的。如何交换那些 <div>？

- GeekToL

你想要交换第一个和最后一个 div.clearfix，还是其他什么？ - Brock Adams

是的，我想交换最后一个clearfix和第一个clearfix，你能帮我吗？ - GeekToL

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Brock Adams · Accepted Answer

如果要交换给定 HTML 中第一个和最后一个 div.clearfix，可以使用 querySelector、insertBefore 和 appendChild 函数。

以下是一个完整的 Greasemonkey 脚本，实现了上述功能：

// ==UserScript==
// @name     _Swap first and last div.clearfix
// @include  http://YOUR_SERVER.COM/YOUR_PATH/*
// @grant    none
// ==/UserScript==

var container    = document.querySelector ("fieldset");
var firstTargDiv = container.querySelector ("fieldset > div.clearfix:first-child");
var lastTargDiv  = container.querySelector ("fieldset > div.clearfix:last-child");

//-- Swap last to first.
container.insertBefore (lastTargDiv, firstTargDiv);

//-- Move old first to last.
container.appendChild (firstTargDiv);