2016-05-22 23 views
0

greasemonkeyスクリプトを使って私の奥行きから脱出しています。私は2番目の列に月データが入っているhtmlテーブルを扱っています。 'April'、または 'May'。ここで私が扱っていたHTMLの簡易版です:第二列/ TDが「月」を含むすべての行についてGreasemonkeyを使用して、その内容に基づいて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> 

が、私は、例えば、そのセルの書式設定を変更するグリースモンキーを使用したいです黄色の背景を持つ太字の赤いテキストに変換します。

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

rgb(250, 220, 0)が...これはまだありませんが"rgb(250, 220, 0)"

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

example

+0

ああ、私は思ったよりも近かった見て喜んで、修正のために、そしてデモをありがとうべきですGreasemonkeyを介して作業...ビットが失われました。 – David

+0

@David私はテストして動作します。例greasemonkeyスクリプトhttp://pastebin.com/7bvvYwXJがあります。インストールしてこのページにアクセスしてくださいhttps://fiddle.jshell.net/wsqq7wfz/3/show/light/ –

+0

おそらくOPのページではいくつかの理由で動作しません:(1)AJAX、(2)空白( '.innerHTML == 'はほとんどの場合実際のページでは壊れやすくなります)、(3)OPのテーブルセル検索では誤検出が起こる可能性があります。 –

関連する問題