जावास्क्रिप्ट में स्टाइल एट्रिब्यूट के माध्यम से एलिमेंट्स को स्टाइल करना

आइए अब सीखते हैं कि कैसे एलिमेंट्स को CSS स्टाइल्स जोड़ना है। यह style एट्रिब्यूट को बदलकर किया जाता है। उदाहरण के लिए, रंग बदलने के लिए, निम्नलिखित चेन बनानी होगी: elem.style.color, और इसे रंग का आवश्यक मान निर्दिष्ट करना होगा।

आइए एक उदाहरण देखें। मान लीजिए कि हमारे पास इस प्रकार का एक एलिमेंट है:

html<p id="elem">text</p>

आइए इस एलिमेंट का रंग लाल कर दें:

javascriptlet elem = document.querySelector('#elem');
elem.style.color = 'red';
Задание 1

एक डिव और एक बटन दिया गया है। बटन पर क्लिक करने पर डिव को चौड़ाई, ऊंचाई और बॉर्डर जोड़ें।