使用用户脚本自动添加 HTML 属性

Question

可以手动将 html 属性添加到网页元素（通过浏览器的 "inspect element" 命令）并获得所需的结果，但我确实需要自动执行此操作，所以经过一番搜索后，我意识到用户脚本是要走的路。不幸的是，我所有的尝试都没有奏效。
例如：
比方说我想给当前页面的输入框添加一个属性；所以这个：
<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://whosebug.com/
// @include       https://whosebug.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)

使用用户脚本自动添加 HTML 属性

Add HTML Attribute Automatically Using Userscript

javascript

userscripts