javascript 动态修改head段样式(原创)

将需要修改的样式单独写一个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>

posted @ 2008-06-02 21:52  吾非无心  阅读(781)  评论(0编辑  收藏  举报