JavaScript：如何更改創建的跨度的CSS樣式？

Question

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

是否可以使用紅色背景顏色使innerHTML中的文本？我想將style =「background-color：red」添加到剛剛創建的跨度。可能嗎？或者它必須有一些ID，然後我可以用jQuery更改這個範圍？

Answer 1

簡單： -

newNode.style.backgroundColor = "red"; 

Answer 2

不如給一個類名的跨度

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

newNode.className = "spanClass"; 

Answer 3

這爲我工作：

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

OR

使用添加classjs，並設置css到class

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

現在設置style到class

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