使用Greasemonkey根据其内容更改html表格单元格格式

时间:2016-05-22 22:24:37

标签: javascript jquery html css greasemonkey

我已经走出了我的深度,使用了一个油脂脚本。我正在处理一个html表,其中第二列有月份数据,例如'四月'或'五月'。这是我正在处理的html的简化版本:

<html>
    <body>
        <form>
            <table class="gridtable">
                <tbody>
                    <tr class="header"></tr>
                    <tr>
                        <td>blah</td>
                        <td>April</td>
                        <td>blah</td>
                    </tr>
                    <tr>
                        <td>blah</td>
                        <td>May</td>
                        <td>blah</td>
                    </tr>
                </tbody>
            </table>
        </form>
    </body>
</html>

对于第二列/ TD包含'May'的所有行,我想使用greasemonkey来更改该单元格的格式,例如大胆的红色文字,黄色背景。这是我到目前为止的代码,但它没有任何效果,我不确定它是否是一个很好的起点(我现在只包括背景颜色,跑步前走路):

var thetds = document.getElementsByTagName('td');
for (var j = 0; j < thetds.length; j++) {
if (thetds[j].innerHTML == "May") 
    thetds[j].style.backgroundColor = rgb(250, 220, 0);
}

实际上我希望td从:

<td>May</td>

为:

<td style="background-color: rgb(250, 220, 0); color: rgb(255, 0, 0); font-weight: bold;">May</td>

任何建议都非常感谢!谢谢。 PS我确实发现了this类似的问题,但我无法根据我的情况进行调整,这是完全不同的。

1 个答案:

答案 0 :(得分:1)

rgb(250, 220, 0)应为"rgb(250, 220, 0)"

thetds[j].style.backgroundColor = "rgb(250, 220, 0)";

example