Javascript 框阴影答案

【问题标题】：Javascript Box ShadowJavascript 框阴影
【发布时间】：2012-06-05 02:48:46
【问题描述】：

我有一个预览框阴影的框。用户输入长度、模糊、扩散和颜色（十六进制）。到目前为止，我有这个样式的输出，但它显然不起作用。

document.getElementById('jj_preview3').style["boxShadow"] = jj_input6 + 'px' + jj_input7 + 'px' + jj_input8 + 'px' + jj_input9 + '#' + jj_input10;

jj_input6 = 水平长度
jj_input7 = 垂直长度
jj_input8 = 蓝色半径
jj_input9 = 传播
jj_input10 = 阴影颜色

我必须进行哪些更改才能使上面的 javascript 代码 sn-p 使其工作？

【问题讨论】：

一方面，您缺少空格。 AFAIK，3px2px3px2px#ff0000 不是有效的box-shadow 值。

标签： javascript css

【解决方案1】：

如果您输入空格，它应该可以工作。最后一个字符串文字中也缺少 'px'。

document.getElementById('jj_preview3').style['boxShadow'] = jj_input6 + 'px ' + 
    jj_input7 + 'px ' + jj_input8 + 'px ' + jj_input9 + 'px #' + jj_input10;

【讨论】：

【解决方案2】：

仅供日后参考：

 var someVariable = document.getElementById("someId")
 someVariable.style.boxShadow = "5px 5px 1.2em black";

注意：1.2em是为了模糊效果，但px也可以使用，也可以一起省略。

【讨论】：