JavaScript: cómo cambiar el estilo CSS del tramo creado?

Question

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

¿Es posible hacer el texto en innerHTML con color de fondo rojo? Quiero agregar style = "background-color: red" al lapso creado. ¿Es posible? O debe tener alguna identificación, y luego puedo cambiar este lapso con jQuery?

Answer 1

Bastante simple: -

newNode.style.backgroundColor = "red"; 

Answer 2

mejor dar un nombre de clase para el lapso

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

newNode.className = "spanClass"; 

Answer 3

Esto funcionó para mí:

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

O

añadir class usando js y establecer css a que class

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

Luego, sintonice style a que class

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