Đặt thuộc tính CSS trên cùng và bên trái

Question

Vì một số lý do tôi không thể đặt thuộc tính CSS "trên cùng" và "trái" bằng cách sử dụng JavaScript sau.

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

Sử dụng Firebug Tôi có thể thấy rằng div được tập position để "absolute" nhưng top và left thuộc tính không được thiết lập!

Điều này dành cho Firefox 3.6.

Answer 1

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

?

Answer 2

Bạn cũng có thể sử dụng phương pháp setProperty như dưới đây

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

Answer 3

div.style mang lại một đối tượng (CSSStyleDeclaration). Vì nó là một đối tượng, bạn có thể lựa chọn sử dụng như sau:

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

này rất hữu ích, ví dụ, nếu bạn cần phải truy cập vào một "biến" tài sản:

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