जावास्क्रिप्ट Css change को बदल सकते हैं कुछ विधियों जैसे कि getElementById() का उपयोग करके तत्वों की शैली जैसे रंग, फ़ॉन्ट आकार आदि। , getElementByClassName() आदि.
निम्नलिखित उदाहरण में getElementById() का उपयोग करके तत्वों की फ़ॉन्ट शैली और फ़ॉन्ट आकार बदल गया है विधि।
उदाहरण-1
निम्नलिखित उदाहरण में, स्टाइल कमांड का उपयोग करते हुए "style.fontSize " और "style.fontStyle ", दिए गए टेक्स्ट को "35px" के फ़ॉन्ट आकार और फ़ॉन्ट शैली को "इटैलिक" में बदल दिया जाता है
<html>
<body>
<p id="size">JavaScript can change the style of an HTML element.</p>
<p id="style">JavaScript can change the style of an HTML element.</p>
<button type="button"
onclick="document.getElementById('size').style.fontSize='35px'">Size</button>
<button type="button" onclick="document.getElementById('style')
.style.fontStyle='italic'">Style</button>
</body>
</html> उपरोक्त कोड को निष्पादित करने पर हम ब्राउज़र पर निम्नलिखित प्राप्त करेंगे।
ऊपर दिए गए बटनों पर क्लिक करने के बाद पहला टेक्स्ट अलग-अलग में बदल जाएगा फ़ॉन्ट आकार और दूसरा पाठ एक भिन्न फ़ॉन्ट शैली . में बदल दिया जाएगा जैसा कि आउटपुट में दिखाया गया है।
आउटपुट
उदाहरण-2
निम्नलिखित उदाहरण में स्टाइल कमांड "style.color" का उपयोग करके टेक्स्ट का रंग बदलकर नीला कर दिया गया है।
<html>
<body>
<p id="color">JavaScript can change the color of an HTML element.</p>
<button type="button" onclick="document.getElementById('color').
style.color='blue'">Color Me</button>
</body>
</html> उपरोक्त कोड को निष्पादित करने के बाद हम ब्राउज़र विंडो पर निम्नलिखित प्राप्त करेंगे।
"मुझे रंग दें . पर क्लिक करने पर " बटन दिए गए टेक्स्ट का रंग 'नीला . में बदल जाएगा ' जैसा कि आउटपुट में दिखाया गया है।
आउटपुट
