在javascript中引用渐变背景色的正确语法是什么

在javascript中引用渐变背景色的正确语法是什么,javascript,css,background,Javascript,Css,Background,我现在有一段类似这样的javascript代码 document.getElementById(pos).style.backgroundColor='#800080'; 我想引用以下渐变背景色,而不是代码中的staic值“#800080” .myBK {background: -moz-linear-gradient(top, #ccc, #000);} 正确的语法是什么 我试过了,但没用 document.getElementById(pos).style.backgroundCol

我现在有一段类似这样的javascript代码

document.getElementById(pos).style.backgroundColor='#800080';
我想引用以下渐变背景色,而不是代码中的staic值“#800080”

.myBK {background: -moz-linear-gradient(top,  #ccc,  #000);}
正确的语法是什么

我试过了,但没用

document.getElementById(pos).style.backgroundColor=.myBK;

非常感谢。

您可以将元素添加到类myBK中:

或者将值指定给背景属性:

document.getElementById(pos).style.background = "-moz-linear-gradient(top, #ccc, #000)";

>投票被否决的原因是什么?您首先使用了
.class+=…
。您好,如果我不能使用-moz线性渐变来渲染颜色,否则我应该使用什么?我可以使用-webkit渐变吗?我没有图像。我只想渲染渐变色。我试过这个代码,但仍然不起作用。谢谢你的帮助。。。。函数selectedFocus(pageSize,pos){for(var s=1;spageSize+1;s++){if(pos==s){document.getElementById(pos.className++='myBK';}}}}}}.myBK{-webkit渐变(线性,中间底部,色挡(0.17,rgb(243,95,62))}@javadoe:很重要,因为多个类名由一个或多个空格字符分隔。你好,Gumbo:很抱歉再次打扰你。我添加了一个空格,但仍然没有帮助。这是因为webkit gradientis不是正确的方法吗?我是否需要添加一个。在myBK前面,否则我不需要。那里myBK{-webkit渐变(线性,中间底部,颜色停止(0.17,rgb(243,95,62))}再次感谢。@Java Doe:IDs不能以数字开头。请参见供参考的
-moz linear gradient
仅支持
背景图像
属性,其中
背景
是其快捷方式。看见
document.getElementById(pos).style.background = "-moz-linear-gradient(top, #ccc, #000)";