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 动态 修改

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