WEB开发网      濠靛倻鏅悵顖涚附閽樺鐎诲ù婊庡亾缁辨帗鎷呴悩鍨暠濞戞挴鍋撳ù鐘烘閸ㄥ孩绂嶉锝喰﹂柟瀛樺灣濠婃垿鎯冮崟顏嗩伇濞寸姾妫勬慨鈺呭礉濞戝磭骞㈤悹鍥у槻閸ㄥ孩绂嶉敓锟� ---闁挎洩鎷�
开发学院网页设计JavaScript javascript 动态修改head段样式 阅读

javascript 动态修改head段样式

 2010-09-14 13:33:43 来源:WEB开发网 闁靛棴鎷�闁告垵绻愰惃顒傗偓娑欍仦缂嶏拷濠⒀呭仜閵囧洨鈧稒銇炵紞锟�闁靛棴鎷�  闁稿繗娅曢弫鐐次涘▎鎰泚闁告娲ㄥ▓鎴濐嚗椤旂厧瑙�
核心提示:将需要修改的样式单独写一个Style并设置ID:<html xmlns="http://www.w3.org/1999/xhtml" ><head id="Head1" runat="server"><title>&hell

将需要修改的样式单独写一个Style并设置ID:

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
  <title>………收支明细</title>
  <!--……-->
  <style id="d5" type="text/css">
  </style>
<head>
<body>
<!--
……
-->
<script language="javascript" type="text/javascript">
//……
if(document.getElementById("keytype1").checked)
  {
    vkeytype=1;
    
    try
    {
      document.getElementById("d5").styleSheet.cssText=".d5{color:blue;}";//IE支持,FF不支持
    }
    catch(ex)
    {
      document.getElementById("d5").innerHTML=".d5{color:blue;}";//IE不支持,FF支持
    }
  }
  else if(document.getElementById("keytype2").checked)
  {
    vkeytype=2;
    try
    {
      document.getElementById("d5").styleSheet.cssText=".d5{color:red;}";
    }
    catch(ex)
    {      
      document.getElementById("d5").innerHTML=".d5{color:red;}";
    }
  }
//……
</script>
</body>

Tags:javascript 动态 修改

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接