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>………收支明细</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 动态 修改
编辑录入:爽爽 [复制链接] [打 印]更多精彩
赞助商链接