đặt một chuỗi kiểu toàn bộ thành một phần tử từ javascript (không phải các tham số kiểu riêng)

Question

Tôi cần thiết lập kiểu tùy ý cho một khoảng thông qua javascript.

Tôi biết tôi có thể làm những việc như: span.style.height = "250px"; Nhưng tôi cần để có thể chèn một định nghĩa ngẫu nhiên phong cách đầy đủ từ một mẫu

ví dụ

float:left; 
text-decoration:underline; 
cursor:pointer; 
color:blue; 

Có cách nào để làm điều đó trong Javascript? Một cái gì đó như element.style = "tất cả các định nghĩa phong cách ở đây"; ?

Answer 1

Làm thế nào về thuộc tính .style.cssText? Here's Microsoft's explanation.

Ném nó là phong cách bạn muốn áp dụng như sau:

document.getElementById('myEl').style.cssText = 'float:left;margin-top:75px;'; 

Đối với hỗ trợ trình duyệt, mặc dù nó là IE độc quyền tôi tin rằng nó hỗ trợ đầy đủ (công trình trong IES, FF3, và Safari 3.2 WIN ít nhất).

Answer 2

Có element.setAttribute('style', '...'); nhưng không thành công trong IE.

Có a solution, nhưng tôi chưa thử.

Answer 3

Nếu bạn muốn nó được trọng lượng nhẹ, tạo một hàm như:

function setStyles(element, styles) 
{ 
    for(var s in styles) { 
     element.style[s] = styles[s]; 
    } 
} 

Sau đó, bạn sẽ vượt qua phong cách trong khi một đối tượng theo nghĩa đen:

setStyles(element, {float: "left", 
        textDecoration: "underline", 
        cursor: "pointer", 
        color: "blue"}); 

Lưu ý rằng các tài liệu tham khảo phong cách thông qua phải tuân theo cách đặt tên từ quan điểm JavaScript, vì hàm chỉ đơn giản là thay đổi kiểu bằng cách truy cập đối tượng style của phần tử thông qua JavaScript.

Nếu bạn phải nhập kiểu của bạn từ một chuỗi thì bạn có thể dễ dàng phân tích cú pháp và tạo đối tượng theo nghĩa đen.