javascript - Javascript 框阴影

Question

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

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

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

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

Answer 2

仅供将来参考：

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

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