JavaScript: làm thế nào để thay đổi phong cách CSS của span được tạo ra?

Question

newNode = document.createElement("span"); 
    newNode.innerHTML = "text"; 
    range.insertNode(newNode); 

Có thể tạo văn bản trong innerHTML bằng màu nền đỏ không? Tôi muốn thêm style = "background-color: red" vào khoảng vừa tạo. Có thể không? Hoặc nó phải có một số id, và sau đó tôi có thể thay đổi khoảng này với jQuery?

Answer 1

đơn giản đủ: -

newNode.style.backgroundColor = "red"; 

Answer 2

Tốt hơn để cung cấp cho một classname cho khoảng

<style> 
    .spanClass { background-color: red; } 
</style> 

newNode.className = "spanClass"; 

Answer 3

này đã làm việc cho tôi:

var spanTag1 = document.createElement('span'); 
spanTag1.innerHTML = '<span style="color:red">text</span>'; 

HOẶC

thêm class sử dụng js và thiết lập css đó class

var spanTag1 = document.createElement('span'); 
spanTag1.className = "mystyle"; 

Bây giờ thiết lập style đó class

<style> 
    .mystyle { 
     color:red; 
    } 
</style>