使用用户脚本自动添加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)