我还在学习javascript，所以我想我应该试着开始使用greasemonkey来解决一些日常问题，并使用一些纯javascript来解决这些问题。
所以，在twitter上，我希望有自己的布局，我认为这是可行的，我会在重新构建它的过程中了解更多，但我从简单开始，移动一个元素，搜索表单。
我在一个基本的本地html页面上“概念证明”了元素的一次移动。这起到了作用：
<head></head><body><div><p>Stuff</p></div><div data-testid="eliot1"><p>Things</p></div><div aria-label="eliot2"><p>Bits</p></div></body></html>
... 使用此脚本：
(function moveSearch2() {'use strict';const elPriColly = document.querySelector('div[data-testid="eliot1"]');const elSrcy = document.querySelector('div[aria-label="eliot2"]');elPriColly.insertBefore(elSrcy, elPriCol.childNodes[0]);})();
从本质上说，比特最终高于事物。一切都好。
当我尝试将这一点应用到twitter上时，世界似乎发生了翻天覆地的变化，我真的不知道为什么。
(function moveSearch() {'use strict';const elPriCol = document.querySelector('[data-testid="primaryColumn"]');const elSrc = document.querySelector('form[aria-label="Search Twitter"]');elPriCol.insertBefore(elSrc, elPriCol.childNodes[0]);// moveSearch2();})();
我试过有和没有 div 及 form 在此处的属性选择之前，两者都不起作用。
如何移动具有该属性的表单元素 aria-label="Search Twitter" 作为具有该属性的div中的第一个元素 data-testid="primaryColumn" ?
ftr
我已经在一张纸上看了这里的所有条目 [GreaseMonkey] Twitter 搜索
我检查了其他脚本（太复杂了）
我做了一些基本的起始页搜索。抱歉，如果我的搜索引擎不够好，但我只是想在这里学习。
我已经检查了控制台是否有错误，但它没有为脚本生成任何错误（我在这一点上看到了一些错误）。
暂无答案！
目前还没有任何答案，快来回答吧！