使用Userscript自动添加HTML属性

Question

可以手动将html属性添加到网页元素(通过浏览器的“检查元素”命令)，并得到所需的结果，但是我确实需要自动地这样做，因此在进行了一些搜索之后，我意识到UserScripts是可行的。不幸的是，我所有的尝试都没有奏效。

例如：

假设我想在当前页面的输入框中添加一个属性，那么如下所示：

<input name="q" type="text" ... class="f-input js-search-field ">

变成这样：

<input name="q" foo="something" type="text" ... class="f-input js-search-field ">

还有我的非工作用户脚本：

// ==UserScript==
// @name          SO
// @description   add attribute
// @include       https://stackoverflow.com/
// @include       https://stackoverflow.com/*
// @grant         GM_addStyle
// ==/UserScript==
var j = document.getElementByClassName("f-input js-search-field ");
var foo = j.innerHTML;
foo = foo.replace("type","foo="something" type");
j.innerHTML = foo;

为什么不起作用？

提前谢谢。

Answer 1

代用

j.setAttribute('type' , yourValue)

如果要添加新属性

j.setAttribute('yourtype',yourValue)