Question

我想创建一个用户脚本来更改Google搜索栏中的文字颜色：

// ==UserScript==
// @name        color change
// @namespace   google
// @include     http://*.google.com
// @require     http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
// @version     1
// ==/UserScript==


var inputs = document.getElementsByTagName("input");
for(var i=0;i<inputs.length;i++)
{
    if(inputs[i].type == "text")
    {
        inputs[i].text.css({'color' : 'red'});

    }
}

我将以下代码粘贴到userscripts.org并将其安装到chrome，当我访问http://google.com并开始输入文本时，它会像往常一样显示为黑色，显示为红色。我做错了什么？

Answer 1

由于你有jquery可用，这似乎是一个可行的，可能更清洁的解决方案：

$('input').css('color', 'red');

您的示例不起作用的原因是因为它试图在vanilla JavaScript对象上使用jQuery方法。你不能把两者混在一起。如果你想要纯粹的香草解决方案，你需要使用@Quad的推荐。要使用jQuery，您将摆脱大部分代码并替换为我上面显示的内容。

Answer 2

inputs[i].style.color = 'red';

用户脚本与页面中的实际脚本没有任何不同，您可以搜索“使用js更改文本颜色”并找到此结果：

set html text color and size using javascript

如何更改输入中的字体颜色

2 个答案: