2

ボックスシャドウをプレビューするボックスがあります。ユーザーは、長さ、ぼかし、広がり、色（16進数）の入力を入力します。これまでのところ、スタイルの出力用にこれを持っていますが、明らかに機能しません。

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コードスニペットを機能させるには、どのような変更が必要ですか？

4

2 に答える 2

4

スペースを入れればうまくいくはずです。また、最後の文字列リテラルに「px」がありません。

document.getElementById('jj_preview3').style['boxShadow'] = jj_input6 + 'px ' + 
    jj_input7 + 'px ' + jj_input8 + 'px ' + jj_input9 + 'px #' + jj_input10;
于 2012-06-05T02:56:11.557 に答える
3

単に将来の参考のために：

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

注：1.2emはぼかし効果用ですが、pxも使用できます。または、すべて一緒に省略できます。

于 2012-12-18T18:48:53.890 に答える