FC2ブログ

テーブル内のスタイルの変更

今回は、Javascriptのメモ

赤字のところだけ赤くする方法のメモ

テーブル内のスタイル変更

テーブル内の売上金額マイナスの場合に
文字を赤色にする処理

var td=document.querySelectorAll("#main table td");
for(var i=0;ivar text=td[i].innerHTML;
if(text.indexOf("-") > -1){
td[i].style.color="red";
}
}

この処理を解説すると、
まず、td要素内の売上金額がマイナスかとうか調べる必要があるので

document.querySelectorAll()で
テーブル内の売上金額を示すtd要素だけピックアップする
これがソースにすると

ar td=document.querySelectorAll("#main table td");

そして、forを使い、読み出したtd要素の数だけ繰り返す

それが
for(var i=0;iのとこ

td要素の内容を読み出すには
var text=td[i].innerHTML;
として、次に赤字かどうかを調べる

赤字かどうかを調べるには
指定した文字列があるか調べる
infexOf()
を使う

infexOf()は
文字列が見つかれば、見つかった文字の位置を返す
もし、見つからないときには
-1を返す

infexOf()の、この機能を利用して

赤字のときなら
-がついているので
infexOf("-")
とすれば
調べることができる

さらに、赤字ならどうかんがえても
-1より大きい値になるから
styleオブジェクトの
colorプロパティに、赤色になる
redを指定する


これをソースにすると

if(text.indexOf("-") > -1){
td[i].style.color="red";
}

となる
スポンサーサイト



コメント

非公開コメント

最新記事
検索フォーム
GREEハコニワ攻略サイト
リンク
カテゴリ
月別アーカイブ
フリーエリア
最新記事
FXプライムレート
最新コメント
最新トラックバック