将CSS属性添加到元素

139

丹尼尔·古斯塔夫森（Daniel Gustafsson）：

我想将CSS属性添加到我的元素中。但是，当我在此处编写代码时执行此操作时，我会放开所有对元素产生影响的属性。

function checkNr(id) {
    var value = document.getElementById(id).value;
    if (parseFloat(value) == NaN) {
        document.getElementById(id).setAttribute("style", "border:2px solid red; background-color: rgb(255, 125, 115);");
    }
    else {
        document.getElementById(id).setAttribute("Style", "border:default; background-color: rgb(255, 255, 255);");
    }

}

在使用此方法之前，它具有以下属性：

float: left;
width: 50px;

之后，它只能从javascript方法中获得特定属性。因此，我想添加属性而不是替换它们。

Adenet;

像这样设置样式属性，将覆盖该属性并删除以前设置的样式。

您真正应该做的是直接设置样式，而不是通过更改style属性：

function checkNr(id) {
    var elem  = document.getElementById(id),
        value = elem.value;
    if (parseFloat(value) == NaN) {
        elem.style.border = '2px solid red'; 
        elem.style.backgroundColor = 'rgb(255, 125, 115)';
    } else {
        elem.style.border = 'none'; 
        elem.style.backgroundColor = 'rgb(255, 255, 255)';
    }
}

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。