web-dev-qa-db-ja.com

上部および左側のCSS属性の設定

何らかの理由で、次のJavaScriptを使用して「上」および「左」のCSS属性を設定できません。

var div = document.createElement('div');
div.style.position = 'absolute';
div.style.top = 200;
div.style.left = 200;
document.body.appendChild(div);

Firebugを使用すると、divがpositionを"absolute"に設定しますが、topおよびleft属性が設定されていないことがわかります。

これはFirefox 3.6用です。

javascriptcoding-style
66
Deniz Dogan
div.style.top = "200px";
div.style.left = "200px";
111
Lyubomyr Shaydariv

以下のようにsetPropertyメソッドを使用することもできます

document.getElementById('divName').style.setProperty("top", "100px");
10
Eralper

div.styleはオブジェクトを生成します（ CSSStyleDeclaration ）。オブジェクトであるため、代わりに以下を使用できます。

div.style["top"] = "200px";
div.style["left"] = "200px";

これは、たとえば、「変数」プロパティにアクセスする必要がある場合に便利です。

div.style[prop] = "200px";
2
rinogo

Divの新しいCSSクラスを作成できます。

 .div {
      position: absolute;
      left: 150px;
      width: 200px;
      height: 120px;
    }
0
serkanbasdag