JavaScript: Wie ändert man den CSS-Stil des erstellten Bereichs?

Question

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

Ist es möglich, den Text in innerHTML mit roter Hintergrundfarbe zu machen? Ich möchte style = "background-color: red" hinzufügen, um gerade erstellt span. Ist es möglich? Oder muss es eine ID haben, und dann kann ich diese Zeitspanne mit jQuery ändern?

Answer 1

Einfach genug: -

newNode.style.backgroundColor = "red"; 

Answer 2

Besser einen Klassennamen für die Spanne geben

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

newNode.className = "spanClass"; 

Answer 3

Das ist für mich gearbeitet:

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

ODER

hinzufügen class mit js und setzen css zu diesem class

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

gesetzt Jetzt style dem class

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