जावास्क्रिप्ट में स्टाइल एट्रिब्यूट के माध्यम से एलिमेंट्स को स्टाइल करना
आइए अब सीखते हैं कि कैसे एलिमेंट्स को CSS स्टाइल्स
जोड़ना है। यह style एट्रिब्यूट को
बदलकर किया जाता है।
उदाहरण के लिए, रंग बदलने के लिए, निम्नलिखित चेन
बनानी होगी: elem.style.color,
और इसे रंग का आवश्यक मान निर्दिष्ट करना होगा।
आइए एक उदाहरण देखें। मान लीजिए कि हमारे पास इस प्रकार का एक एलिमेंट है:
<p id="elem">text</p>
आइए इस एलिमेंट का रंग लाल कर दें:
let elem = document.querySelector('#elem');
elem.style.color = 'red';
एक डिव और एक बटन दिया गया है। बटन पर क्लिक करने पर डिव को चौड़ाई, ऊंचाई और बॉर्डर जोड़ें।