样式表控制相应文字

 <style>body {font-size: 8pt; font-family: arial;}.datahead {font-size: 8pt; font-family: arial; background-color: #505050; color: #ffffff; border: "1 solid"; border-top-color: "#909090"; border-left-color: "#909090"; border-right-color: "#303030"; border-bottom-color: "#303030";}.dataitem {font-size: 8pt; font-family: arial; background-color: #c0c0c0; color: #000000; border: "1 solid"; border-top-color: "#cfcfcf"; border-left-color: "#cfcfcf"; border-right-color: "#505050"; border-bottom-color: "#505050";}</style><script>function fnsetdata(){    for(var i=1;i<odata.rows.length;i++)    {        var oworkrow=odata.rows(i);        oworkrow.cells(1).innertext=eval("oscratch.style." + oworkrow.cells(0).innertext);        oworkrow.cells(2).innertext=eval("oscratch.runtimestyle." + oworkrow.cells(0).innertext);        oworkrow.cells(3).innertext=eval("oscratch.currentstyle." + oworkrow.cells(0).innertext);                    }}function fnchangestyle(ostyle,svalue){    if(svalue.indexof("clear")>-1){        svalue="";    }    eval("oscratch.runtimestyle." + ostyle + "='" + svalue + "'");    fnsetdata();}function fninit(){    fnsetdata();}window.onload = fninit;</script><h1>样式表控制相应文字</h1><div id="oscratch" style="border: '5 solid'; border-color: #101010; background-color: #cfcfcf; color: #000000; font-size: 12pt; font-family: 'arial';">    海峡搏斗往日，萨达姆在不少阿拉伯人，更加是巴勒斯坦人眼中是头“雄狮”，犹如惟有他本领率领阿拉伯伯仲打败以色列并翻身被占版图。人们蓄意萨达姆能让尔虞我诈的阿拉伯国度从新结合潜心，而后运用伊拉克充分的火油资源来树立一个新颖化兴国。但是，十有年往日了，人们对萨达姆的憧憬渐渐消逝了，很多巴勒斯坦流民对新闻记者表白，这位伊拉克引导人没有崇奉，每天要做的工作只是是推敲怎样保住本人的统制位置。昔日，她们曾为萨达姆向以色列放射的39枚“飞毛腿”导弹而欢天喜地，并觉得本人“辗转功夫到了”，此刻那些蓄意都破灭了。<p>    从开罗到安曼，普遍大众在提出伊拉克的功夫，无不担忧这个国度里哪些饱经灾害的人民是否再次接受得住美利坚合众国各类新型兵戈的狂轰滥炸，固然她们对言而无信的萨达姆政柄仍旧不复“感爱好”，但对美利坚合众国高视阔步举动的愤恨水平却没有涓滴贬低。然而，暂时仍旧有很多巴勒斯坦人特殊扶助萨达姆，由于惟有这位引导人维持连接出来诽谤以色列，纵然这种表面报复犹如没有任何效率，但起码能给她们一些抚慰。阿拉伯人表白，美利坚合众国启发对伊拉克搏斗基础不是为了什么促成群言堂，而是看重了本地充分的火油资源，并以此在决定本人在中东地域的霸主位置</div><p><table id="odata"><tr><td class="datahead">css property</td><td class="datahead">style</td><td class="datahead">runtimestyle</td><td class="datahead">currentstyle</td><td class="datahead"><b>select a value</b></td></tr><tr><td class="dataitem">backgroundcolor</td><td class="dataitem"></td><td class="dataitem"></td><td class="dataitem"></td><td class="dataitem"><select class="dataitem"  onchange="fnchangestyle('backgroundcolor',this.options(this.selectedindex).text)"><option>indigo<option>mistyrose<option>mediumorchid<option>pink<option>yellow<option>clear this runtime style</select></td></tr><tr><td class="dataitem">bordercolor</td><td class="dataitem"></td><td class="dataitem"></td><td class="dataitem"></td><td class="dataitem"><select class="dataitem"  onchange="fnchangestyle('bordercolor',this.options(this.selectedindex).text)"><option>red<option>green<option>blue<option>yellow<option>clear this runtime style</select></td></tr><tr><td class="dataitem">color</td><td class="dataitem"></td><td class="dataitem"></td><td class="dataitem"></td><td class="dataitem"><select class="dataitem"  onchange="fnchangestyle('color',this.options(this.selectedindex).text)"><option>red<option>white<option>blue<option>yellow<option>silver<option>gold<option>clear this runtime style</select></td></tr></table>