Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

जावास्क्रिप्ट का उपयोग करके पैरेंट एलिमेंट के CSS प्रॉपर्टीज़ को इनहेरिट करना

आप append() के साथ classList.add() का उपयोग कर सकते हैं। नया डिव बनाने के लिए document.createElement() का उपयोग करें और classList.add() CSS क्लास (.क्लास सेलेक्टर) जोड़ेगा।

उदाहरण

 

  Document

उपरोक्त प्रोग्राम चलाने के लिए, फ़ाइल का नाम "anyName.html(index.html)" से सेव करें और फ़ाइल पर राइट-क्लिक करें। VS कोड एडिटर में "Open with Live Server" विकल्प चुनें।

आउटपुट

यह निम्नलिखित आउटपुट देगा -

जावास्क्रिप्ट का उपयोग करके पैरेंट एलिमेंट के CSS प्रॉपर्टीज़ को इनहेरिट करना

जब आप "Add Subjects" बटन पर क्लिक करते हैं तो आपको निम्नलिखित आउटपुट मिलेगा।

यह निम्नलिखित आउटपुट देगा -

जावास्क्रिप्ट का उपयोग करके पैरेंट एलिमेंट के CSS प्रॉपर्टीज़ को इनहेरिट करना

  1. JavaScript का उपयोग करके पैरेंट एलिमेंट एक्सेस करना JavaScript का उपयोग करके पैरेंट एलिमेंट एक्सेस करना

    JavaScript का उपयोग करके पैरेंट एलिमेंट एक्सेस करने का निम्नलिखिक कोड है:उदाहरण<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>

  1. JavaScript के साथ स्टाइलशीट में CSS नियम कैसे जोड़ें? JavaScript के साथ स्टाइलशीट में CSS नियम कैसे जोड़ें?

    insertRule() हमें स्टाइलशीट में परिभाषित स्थिति पर एक नियम जोड़ने में मदद करता है जबकि deleteRule() एक विशिष्ट स्टाइल को हटा देता है।निम्नलिखित उदाहरण दर्शाते हैं कि JavaScript का उपयोग करके स्टाइलशीट में CSS नियम कैसे जोड़े जा सकते हैं।उदाहरण<!DOCTYPE html> <html> <head> <style

  1. React Native में स्टाइलिंग या CSS कैसे जोड़ें? React Native में स्टाइलिंग या CSS कैसे जोड़ें?

    अपने ऐप को स्टाइल करने के निम्नलिखित तरीके हैं: Stylesheet कंपोनेंट का उपयोग करना इनलाइन स्टाइल्स का उपयोग करना Stylesheet कंपोनेंट का उपयोग करना जब आप अपने ऐप पर स्टाइलिंग लागू करना चाहते हैं तो React Native Stylesheet कंपोनेंट बहुत काम आता है और साफ-सुथरा होता है। Stylesheet कंपोनेंट के साथ का