& lthead & gt& ltmeta?charset=\"UTF-8 \" >& lttitle & gtmain.html & lt/title & gt;& lt風格?type=\"text/css \" >桌子" />
當前位置:成語大全網 - 書法字典 - 如何使用js根據表格中的值改變表格背景色?數據是姜戈傳進來的。

如何使用js根據表格中的值改變表格背景色?數據是姜戈傳進來的。

& lt!DOCTYPE?HTML & gt

& lthtml?lang="en-US " >

& lthead & gt

& ltmeta?charset="UTF-8 " >

& lttitle & gtmain.html & lt/title & gt;

& lt風格?type="text/css " >

桌子?{

邊距:?自動;

寬度:?300px?

邊框折疊:?崩潰;

邊框:?1px?固體?黑色;

}

td?{

邊框:?1px?固體?黑色;

文本對齊:?居中;

字體:?20px/1.5?康索拉斯?微軟雅黑;

}

& lt/style & gt;

& lt劇本?type = " text/JavaScript " & gt;

var?json?=?[

2,?4,?2,?4,?3,?4,?2,?1,?5,?2,?3,?1,?5,?4,?2,?三

];

var?劃?=?4,?科爾?=?4;

var?顏色?=

{

"1"?:?“黃色”,

"2"?:?“黃色”,

"3"?:?“綠色”,

"4"?:?“綠色”,

"5"?:?“紅色”

};

onload?=?功能?()

{

var?桌子?=?document.createElement?(‘表’);

var?tbody?=?document.createElement?(‘tbody’);

table.appendChild?(tbody);

為了什麽?(?var?我?=?0;?我?& lt?排;?i++)

{

var?tr?=?tbody.insertRow?(tbody . rows . length);

為了什麽?(?var?j?=?0;?j?& lt?col?j++)

{

var?td?=?tr.insertCell?(傳輸單元長度);

var?瓦爾。=?json【我?*?科爾?+?j];

var?txt?=?document.createTextNode?(val);

!!COLORS[val]td.style.color?=?顏色[val]?:?0;

td.appendChild?(txt);

}

}

document.body.appendChild?(表);

}

& lt/script & gt;

& lt/head & gt;

& ltbody & gt

& lt/body & gt;

& lt/html & gt;