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>