js 动态添加和删除样式,该如何解决-JavaSript-爱易网页

js 动态添加和删除样式,该如何解决

日期：2014-05-16　浏览次数：20587 次

js 动态添加和删除样式
可以加一个id 或者直接给个style 我是这样写的setAttribute("style","outline:"+color+" dashed 2px;") 但不知道要怎么点击按钮时把样式删除。

------解决方案--------------------

HTML code


<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="gb2312" />
        <title></title>
    </head>
    <body>
        <div id="test" style="border:1px solid red; color:red; font-size:123px;">123</div>
        <button id="btn">click</button>
        <script>
            function $(el){
                return typeof el == 'string' ? document.getElementById(el) : el;
            }
            function removeStyle(obj, name){
                if(!name) {
                    obj.removeAttribute('style');
                    return obj;
                }
                var s = obj.style;
                if(s.removeAttribute){
                    s.removeAttribute(name);
                } else {
                    name = name.replace(/([A-Z])/g, function(v){
                        return '-' + v.toLowerCase();
                    });
                    s.removeProperty(name);
                }
                return obj;
            }
            
            $('btn').onclick = function(){
               removeStyle($('test'), 'fontSize')
            }
        </script>
    </body>
</html>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

js 动态添加和删除样式,该如何解决

相关资料更多>

推荐阅读更多>