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

जावास्क्रिप्ट में चाइल्ड नोड को नए नोड से कैसे रिप्लेस करें?

चाइल्ड नोड को नए नोड से रिप्लेस करने के लिए जावास्क्रिप्ट ने "replaceChild()" नामक मेथड प्रदान किया है। इस कार्य को प्राप्त करने के लिए पहले हमें एक नया नोड बनाना होगा और फिर replaceChild() का उपयोग करके पुराने नोड को नए नोड से रिप्लेस करना होगा।

सिंटैक्स

node.replaceChild(newnode, oldnode);

यह दो पैरामीटर्स लेता है यानी पुराने और नए नोड्स और पुराने नोड को नए नोड से रिप्लेस करता है।

उदाहरण

निम्नलिखित उदाहरण में, प्रारंभ में अनऑर्डर्ड लिस्ट में एलिमेंट्स Boost, Horlicks, और Maltova हैं। replaceChild() का उपयोग करके पहले एलिमेंट को Bournavita से रिप्लेस करने के बाद, आउटपुट हमें Bournavita, Horlicks, और Maltova मिलता है जैसा कि आउटपुट में दिखाया गया है।

<html> <body> <ul id="List"><li>Boost</li><li>Horlicks</li><li>Maltova</li></ul> <script>    var newnode = document.createTextNode("Bournavita");    var item = document.getElementById("List").childNodes[0]; item.replaceChild(newnode, item.childNodes[0]); </script> </body> </html>

आउटपुट

Bournavita Horlicks Maltova
  1. जावास्क्रिप्ट में new कीवर्ड के साथ ऐरे बनाना जावास्क्रिप्ट में new कीवर्ड के साथ ऐरे बनाना

    परिचय जावास्क्रिप्ट में ऐरे बनाने का एक तरीका new Array() कंस्ट्रक्टर का उपयोग करना है। हालांकि, ऐरे लिटरल सिंटैक्स [] आमतौर पर पसंद किया जाता है क्योंकि यह अधिक संक्षिप्त और तेज़ है। उदाहरण निम्न कोड जावास्क्रिप्ट में new कीवर्ड के साथ ऐरे बनाने के लिए है: <!DOCTYPE html> <html lang=&qu

  1. JavaScript में चाइल्ड नोड काउंट कैसे प्राप्त करें? JavaScript में चाइल्ड नोड काउंट कैसे प्राप्त करें?

    उदाहरण children.length प्रॉपर्टी से चाइल्ड नोड्स की संख्या गिनें। <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, initial-scale=1.0> <title>Document</title> </head> <body> <lab

  1. JavaScript में DOM नोड के सभी चाइल्ड एलिमेंट्स हटाना JavaScript में DOM नोड के सभी चाइल्ड एलिमेंट्स हटाना

    चाइल्ड एलिमेंट्स हटाने के लिए, innerHTML को पर सेट करें।उदाहरणकोड निम्न है:<!DOCTYPE html> <html lang=en> <head>    <meta charset=UTF-8>    <meta name=viewport content=width=device-width, initial-scale=1.0>    <title>Document</tit