javascript - javascriptのスタイルcssに変数を渡す

Question

JavaScript で変数を使用して margin-left を設定しようとしています。これは可能ですか？これはどのように行うことができますか？

左マージンは、テキストの clientWidth である必要があります。

var hoverBubble = document.getElementById(id);
var linkWidth = link.clientWidth + 1;
hoverBubble.style.margin-left = linkWidth + 'px';

Answer 1

可能です。キャメルケース スタイルのプロパティを使用するだけです。

hoverBubble.style.marginLeft = linkWidth + 'px';

---

質問のようにハイフン (マイナス記号) を使用することはできません。

そうしないと、インタープリターは、代入の左側に減算操作があると「考え」、構文エラーが発生します。

このエラーは、 Chrome 開発ツール(Chrome で F12 を押してコンソールを選択) やFirebug (Firefox で Firebug をインストールして F12 を押す)などの適切なデバッグ ツールで確認できます。

Answer 2

これを試して

hoverBubble.style.marginLeft = linkWidth + 'px';