网页代码设计技巧系列之---runtimeStyle Object.doc

runtimeStyle Objectwww.S 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; function fnSetData() for(var i=1;i-1) sValue=; eval(oScratch.runtimeStyle. + oStyle + = + sValue + ); fnSetData(); function fnInit() fnSetData(); runtimeStyle Object Sample This sample demonstrates the use of the runtimeStyle object. The runtimeStyle object allows authors to use a particular style to override an existing style specified inline or in a style sheet. In this sample, you can select different values to be set on the runtimeStyle object for the preconfigured properties used for this paragraph. When you select a new value, notice that the values for the runtimeStyle and currentStyle objects change for that property, but the style object does not. When the value is cleared (select CLEAR from the drop-down menu) from the runtimeStyle object, the property value reverts to the style value, and the currentStyle value reflects this. CSS Property style runtimeStyle currentStyle Select a Value backgroundColor Indigo MistyRose MediumOrchid Pink Yellow CLEAR THIS RUNTIME STYLE borderColor Red Green Blue Yellow CLEAR THI