我目前正在尝试通过编写一个与 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>
最佳答案
您的脚本无法运行,因为您在此页面上查找不存在的 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.getElementsByName('q')[0].style.backgroundColor = 'blue';
关于javascript - 如何使用 Firebug 查找 CSS 属性并使用 Javascript 更改它,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8614108/