zoukankan      html  css  js  c++  java
  • 使用JS在运行中动态替换CSS样式表

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        
    <title>无标题页</title>
        
    <link href="" type="text/css" rel="Stylesheet" />

        
    <script type="text/javascript">
            
    var $=function(id){return document.getElementById(id);}
            
    function SelectSkin()
            
    {
                
    if($("selSkin"))
                
    {
                    
    var skinname = $("selSkin").options[$("selSkin").selectedIndex].text;
                    
    var filename = "css/" + skinname + ".css";
                    
    var ctrlLink = document.getElementsByTagName("link")[0];
                    ctrlLink.setAttribute(
    "href", filename);
                }

            }
        </script>

    </head>
    <body>
        
    <form id="form1" runat="server">
        
    <div id="divbody">
            
    <div id="main">
                
    <div id="used">
                    
    <span>Skin选择</span>
                    
    <select onchange="SelectSkin()" id="selSkin">
                        
    <option>Red</option>
                        
    <option>Blue</option>
                    
    </select>

                
    </div>
            
    </div>

        
    </div>
        
    </form>
    </body>
    </html>
  • 相关阅读:
    Innodb存储引擎
    Innodb学习之MySQL体系结构
    C# sql查询数据库返回单个值方法
    Welcome To SWPUNC-ACM
    P2184 贪婪大陆 题解
    线上Java调优-Arthas入门
    JVM调优学习笔记
    RabbitMQ博文收藏
    System.Net.WebException: 远程服务器返回错误: (405) 不允许的方法。
    随机过程-Brown运动
  • 原文地址:https://www.cnblogs.com/sxlfybb/p/1226370.html
Copyright © 2011-2022 走看看