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

मैं जावास्क्रिप्ट से एक अनियंत्रित सूची (यूएल) में एक नई लाइन कैसे जोड़ूं?


अनियंत्रित सूची में एक नई पंक्ति जोड़ने के लिए, document.querySelector().append() का उपयोग करें। निम्नलिखित कोड है -

उदाहरण

 <शीर्षक>दस्तावेज़

नाम डेमो जोड़ना

नाम की सूची

    उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल नाम "anyName.html(index.html)" को सेव करें और फ़ाइल पर राइट क्लिक करें। वीएस कोड संपादक में "लाइव सर्वर के साथ खोलें" विकल्प चुनें।

    आउटपुट

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

    मैं जावास्क्रिप्ट से एक अनियंत्रित सूची (यूएल) में एक नई लाइन कैसे जोड़ूं?

    यहां, मैं टेक्स्ट बॉक्स में मान दर्ज कर रहा हूं, उदाहरण के लिए नाम 'जॉन' है -

    मैं जावास्क्रिप्ट से एक अनियंत्रित सूची (यूएल) में एक नई लाइन कैसे जोड़ूं?

    इसके बाद सेव बटन पर क्लिक करें। सहेजें बटन पर क्लिक करने के बाद, आउटपुट इस प्रकार है -

    मैं जावास्क्रिप्ट से एक अनियंत्रित सूची (यूएल) में एक नई लाइन कैसे जोड़ूं?

    फिर से, मैंने 'बॉब' नाम दर्ज किया। अब, अद्यतन आउटपुट इस प्रकार है -

    मैं जावास्क्रिप्ट से एक अनियंत्रित सूची (यूएल) में एक नई लाइन कैसे जोड़ूं?

    सेव बटन पर क्लिक करने के बाद, आउटपुट इस प्रकार है -

    मैं जावास्क्रिप्ट से एक अनियंत्रित सूची (यूएल) में एक नई लाइन कैसे जोड़ूं?


    1. जावास्क्रिप्ट वाले तत्व से कक्षा का नाम कैसे निकालें?

      जावास्क्रिप्ट के साथ एक तत्व से एक वर्ग का नाम हटाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    .newStyle {       font-fam

    1. जावास्क्रिप्ट में लूप में देरी कैसे जोड़ें?

      लूप में देरी जोड़ने के लिए, जावास्क्रिप्ट में सेटटाइमआउट () विधि का उपयोग करें। लूप में विलंब जोड़ने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=d

    1. मैं जावास्क्रिप्ट से एक अनियंत्रित सूची (यूएल) में एक नई लाइन कैसे जोड़ूं?

      अनियंत्रित सूची में एक नई पंक्ति जोड़ने के लिए, document.querySelector().append() का उपयोग करें। निम्नलिखित कोड है - उदाहरण दस्तावेज़ h1{ फॉन्ट-साइज:2.50rem; } h2, लेबल {फ़ॉन्ट-आकार:1.50rem; }नाम डेमो जोड़नानाम दर्ज करें: Saveनाम की सूची { let nameTxt =document.querySelector(.txtName), name =name