javascript - 純粋な JavaScript を使用してインライン CSS ルールに変数を挿入する方法は?

Question

コードの早い段階で x 変数を計算していて、その変数値を div のインラインスタイルに挿入したいのですが、「100px」のような定数を挿入すると完全に機能しますが、機能しません。

var x;  
document.getElementById("block").style.position = "fixed";  
document.getElementById("block").style.left = x;

注：ウェブサイトでいくつかのスクリプトしか使用しておらず、私の場合は大きなライブラリをリンクしても意味がないため、jquery を使用せずに動作させたいと考えています。

score 5 · Accepted Answer

わかりましたので、まだコメントを投稿できませんが、以前に同様の問題に遭遇しました。

追加のコードがなくても、x は計算された値であり、数値であると仮定できます。数字だけを左に挿入するのは無効な css であるため、プロパティに割り当てる前に単位を追加する必要があります。

document.getElementById("block").style.left = x + 'px';

これで問題が解決した場合は、それで問題ありません。var x;それ以外の場合は、x の割り当てまでの間で x を計算する方法を投稿してください。

score 2 · Accepted Answer

私はあなたがこのようなものを探していると思います

var xx = 100
document.getElementById("block").style.width = xx+'px';

3 に答える 3