जावास्क्रिप्ट: बनाई गई अवधि के सीएसएस शैली को कैसे बदला जाए?

Question

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

क्या लाल रंग के रंग के साथ आंतरिक HTML में टेक्स्ट बनाना संभव है? मैं सिर्फ स्पैन बनाने के लिए शैली = "पृष्ठभूमि-रंग: लाल" जोड़ना चाहता हूं। क्या यह संभव है? या इसमें कुछ आईडी होनी चाहिए, और फिर मैं jQuery के साथ इस अवधि को बदल सकता हूं?

Answer 1

सरल पर्याप्त: -:

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

या

का उपयोग कर जोड़ने के class

newNode.style.backgroundColor = "red"; 

Answer 2

बेहतर अवधि

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

newNode.className = "spanClass"; 

Answer 3

यह मेरे लिए काम किया के लिए एक classname देने के लिए js और उस class

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

करने के लिए सेट css अब जब कि class

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