向元素添加css属性

我想将css属性添加到我的元素中。但是当我在下面的代码中这样做时,我丢失了所有对元素有影响的属性

功能检查编号(id){
var value=document.getElementById(id).value;
如果(解析浮点(值)=NaN){
getElementById(id).setAttribute(“样式”,“边框:2px纯红;背景色:rgb(255,125,115);”);
}
否则{
getElementById(id).setAttribute(“样式”,“边框:默认值;背景色:rgb(255,255,255);”;
}
}

在使用此方法之前,它具有以下属性:

浮动:左;
宽度:50px;

之后,它只从javascript方法中获取特定属性。所以,我想添加属性,而不是替换它们

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

您真正应该做的是直接设置样式,而不是更改样式属性:

功能检查编号(id){
var elem=document.getElementById(id),
值=元素值;
如果(解析浮点(值)=NaN){
elem.style.border='2px纯红';
elem.style.backgroundColor='rgb(255、125、115)';
}否则{
elem.style.border='none';
elem.style.backgroundColor='rgb(255,255,255)';
}
}

发表评论