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

今回は、Javascriptのメモ
赤字のところだけ赤くする方法のメモ
テーブル内のスタイル変更
テーブル内の売上金額マイナスの場合に
文字を赤色にする処理
var td=document.querySelectorAll(“#main table td”);
for(var i=0;i -1){
td[i].style.color=”red”;
}
}
この処理を解説すると、
まず、td要素内の売上金額がマイナスかとうか調べる必要があるので
document.querySelectorAll()で
テーブル内の売上金額を示すtd要素だけピックアップする
これがソースにすると
ar td=document.querySelectorAll(“#main table td”);
そして、forを使い、読み出したtd要素の数だけ繰り返す
それが
for(var i=0;i -1){
td[i].style.color=”red”;
}
となる