2 u010990330 u010990330 于 2014.08.21 09:37 提问

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>

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

1个回答

showbo
showbo   Ds   Rxr 2015.10.22 09:33

语法错误,change是针对dom对象,你要改css参考这个:javascript修改css级联样式表中样式

 <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)" />
Csdn user default icon
上传中...
上传图片
插入图片