开发者社区> 问答> 正文

javascript在css样式中获取样式

<link href="beijingyangse.css"  rel="stylesheet" type="text/css" />
</head>
<script type="text/javascript">
 /*本函数的功能是判断浏览器的内核*/
    function chank(enval)
    {
        var enval = enval.value;
        if(window.XMLHttpRequest)
        { 
            //火狐版的内核
            if(!window.ActiveXobject)
            {
                var abst = document.styleSheets[0].cssRules;
                var style1 = abst[0];
                change(style1,enval)
            }
            //ie版的内核
            else
            {
                var abst = document.styleSheets[0].rules;
                var style1 = abst[0];
                change(style1,enval);
            }
        }       
   }
/*本函数的功能是完成背景颜色的改变*/
 function change(style1,enval)
 {
    if(enval=="黑色")
    {
        style1.style.backgroundColor="black");
    } 
    else if(enval=="黄色")
    {
       style1.style.backgroundColor="#FF99FF";
    }  
}      
</script>
<body>
    <div class="style1"></div>
        <input type="button" value="黑色"  onclick="chank(this)"/>
        <input type="button" value="黄色"  onclick="chank(this)"/>
</body>

背景颜色不改变是怎么回事那写错了帮忙改一下万分感希望。。。。

展开
收起
小旋风柴进 2016-03-17 11:46:08 2201 0
1 条回答
写回答
取消 提交回答
  •  <script type="text/javascript">
        function change(style1,enval)
        {
            if(enval=="黑色")
            {
                style1.style.backgroundColor="black"/////);//多了括号
            }
            else if(enval=="黄色")
            {
                style1.style.backgroundColor="#FF99FF";
            }
        }
    </script>
        <div class="style1" id="style1">bbb</div>
        <input type="button" value="黑色" onclick="change(document.getElementById('style1'), this.value)" />
        <input type="button" value="黄色" onclick="change(document.getElementById('style1'), this.value)" />
    2019-07-17 19:05:01
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
JavaScript异步编程 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载