如何使用Firebug查找CSS属性并使用Javascript更改它

我目前正试图通过编写一个与Greasemonkey一起使用的js脚本，在我的web浏览器上永久更改SO页面顶部搜索框背景色的颜色。我在Javascript方面没有太多经验，但是我还没有弄清楚如何正确地使用Firebug来找到如何引用特定属性，这样我就可以修改它了。我尝试了以下方法：

document.getElementById('search').textbox.style.color = '#FFFFAA';
document.getElementById('search.textbox').style.color = '#FFFFAA';
.
.

组合列表还在继续，但我发现我在Javascript引用方面遗漏了一些基本的东西。我的Greasemonkey肯定与SO页面上的alert（）函数一样工作

下面是一段HTML代码：

<div id="topbar">
    <div id="hlinks">
    <div id="hsearch">
        <form id="search" autocomplete="off" method="get" action="/search">
            <div>
                <input class="textbox" type="text" value="" size="28" maxlength="140" tabindex="1"
                placeholder="search" name="q" autocomplete="off">
            </div>
        </form>
    </div>
</div>

---

使用

document.getElementById（'search'）.style.color='#FFFFAA'
使用
document.getElementById（'search'）.style.color='#FFFFAA'
一步一步：

使用以下内容获取搜索表单：
var searchForm=document.getElementById（'search'）

使用输入文本框的名称（q）获取输入文本框：
var searchBox=searchForm.q

设置颜色：
searchBox.style.color='#FFFFAA'

或者您可以一步完成所有操作：

document.getElementById（'search'）.q.style.color='#FFFFAA'

但请注意，如果要更改背景颜色，则需要使用：

document.getElementById（'search'）.q.style.backgroundColor='

随着颜色的变化，文本颜色不再是背景色。
逐步：

使用以下内容获取搜索表单：
var searchForm=document.getElementById（'search'）

使用输入文本框的名称（q）获取输入文本框：
var searchBox=searchForm.q

设置颜色：
searchBox.style.color='#FFFFAA'

或者您可以一步完成所有操作：

document.getElementById（'search'）.q.style.color='#FFFFAA'

但请注意，如果要更改背景颜色，则需要使用：

document.getElementById（'search'）.q.style.backgroundColor='

随着颜色的变化，文本颜色不再是背景。
您的脚本无法工作，因为您正在查找此页面上不存在的ID

检查SO页面的标记，如下所示：

<input autocomplete="off" name="q" class="textbox" placeholder="search" tabindex="1" type="text" maxlength="140" size="28" value="" style="width: 200px; max-width: 200px; ">



因此，我们可以使用以下方法：

document.getElementById('search').textbox.style.color = '#FFFFAA';
document.getElementById('search.textbox').style.color = '#FFFFAA';
.
.

document.getElementsByName（'q'）[0].style.backgroundColor='blue'
您的脚本无法运行，因为您正在查找此页面上不存在的ID

检查SO页面的标记，如下所示：

<input autocomplete="off" name="q" class="textbox" placeholder="search" tabindex="1" type="text" maxlength="140" size="28" value="" style="width: 200px; max-width: 200px; ">



因此，我们可以使用以下方法：

document.getElementById('search').textbox.style.color = '#FFFFAA';
document.getElementById('search.textbox').style.color = '#FFFFAA';
.
.

document.getElementsByName（'q'）[0].style.backgroundColor='blue'
能否添加要寻址元素的相应HTML片段？能否添加要寻址元素的相应HTML片段？谢谢！我不知道你可以用这个名字作为元素的参考谢谢！没有意识到可以使用该名称作为元素的引用