样式的操作-切换样式表

————————————————————————

<link type="text/css" rel="stylesheet" href="css1.css" />
<link type="text/css" rel="stylesheet" href="css2.css" />

———————————————————

<script type="text/javascript">
            //按钮的click事件监听函数
            function changeCss(){
                //通过js得到文本所使用的样式表,使用的是css2
                var rs = document.styleSheets[1];
                rs.disabled = true;        //把当前的样式禁用掉
            }
</script>

————————————————————————

<body style="text-align:center">    
        <span id="mytxt" class="myclass">测试文本</span>
        <br/>
        <input type="button" onclick="changeCss();" value="更换样式表"/>
</body>

————————————————————————

 

posted @ 2016-09-29 11:42  承载梦想-韩旭明  阅读(140)  评论(0编辑  收藏  举报