javascript切换页面样式

2024-04-27 14:01:20

字体：大中小

来源：转载

供稿：网友

<html>

<head>

   <title></title>

   <meta name="GENERATOR" content="Microsoft Visual Studio.NET 7.0">

   <link href="stylesheet1.CSS" type="text/css" rel="stylesheet" id="mycss">

   <script language="javascript">

   var turnback=false;

   function setCSS()

   {

    mycss.styleSheet.cssText="";

    mycss.styleSheet.addImport(turnback?"stylesheet1.css":"stylesheet2.css");

    turnback=!turnback;

   }

   </script>

</head>

<body>

StyleSheet1.CSS样式代码：

BODY

{

background-color: Black;

}

StyleSheet2.CSS样式代码：

BODY

{

background-color: maroon;

}

   <button onclick="setCSS()" type="button">切换背景颜色</button>

</body>

</html>

上一篇：JavaScript-给iframe里的内容定义样式

下一篇：VBScript和JavaScript中的正则基础