用javascript删除CSS样式

如果你只是切换类,可能会更容易。

       var addClass = function( c, e ) {
        e.className += ' ' + c;
        },

        removeClass = function( c, e ) {
        e.className = e.className.replace( c, '' );
        };

用途:

addClass( 'redBorder', el);
removeClass( 'redBorder', el);

CSS:

.redBorder { border:1px solid red; }

最好的方法是添加一个CSS类来设置边框。可以将类添加为

.redBorder{
  border: "1px solid #FF0000";
}

每当需要设置这个类时,可以将它添加为元素的类。这将简化重置相同的过程。

在非IE浏览器中,可以使用 removeProperty() 方法 style 对象:

elem.style.removeProperty("border");

但是,正如Kangkan建议的那样,添加和删除CSS类更有意义,因为这将在所有主要浏览器中都有效。

根据您的需要或添加CSS的可能性,有两种方法

在多个类的情况下,替换类是一个更好的整体解决方案-例如,参见其他答案

<style>
.red { border:1px solid red }
.black { border:1px solid black }
</style>

<input class="black" type="text" onKeyUp="this.className = isNaN(this.value)?'red':'black'">
<input class="black" type="text" onKeyUp="this.style.border = isNaN(this.value)?'1px solid red':'1px solid black'">