Javascript Box Shadow

Question

我有一个预览Box Shadow的盒子。用户键入长度，模糊，展开和颜色（十六进制）的输入。到目前为止，我已经将它用于样式的输出，但它显然不起作用。

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代码段生效？

Answer 1

仅供将来参考：

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

注意： 1.2em 用于模糊效果，但也可以使用 px ，也可以将它们全部省略。

Answer 2

如果放入空间，它应该可以工作。你在最后一个字符串文字中也缺少'px'。

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