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

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


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

वाक्यविन्यास

node.replaceChild(newnode, oldnode);

इसमें दो पैरामीटर लगते हैं, यानी पुराने और नए नोड और पुराने नोड को एक नए नोड से बदल देता है।

उदाहरण

निम्नलिखित उदाहरण में, प्रारंभ में, अनियंत्रित सूची में बूस्ट, हॉर्लिक्स और माल्टोवा तत्व शामिल हैं। replaceChild() . का उपयोग करके पहले तत्व को बोर्नविटा से बदलने के बाद , हमें जो आउटपुट मिलता है वह बोर्नविटा, हॉर्लिक्स और माल्टोवा है जैसा कि आउटपुट में दिखाया गया है

<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. नए कीवर्ड के साथ जावास्क्रिप्ट सरणी बनाना।

    नए कीवर्ड के साथ JavaScript सरणी बनाने के लिए निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docume

  1. जावास्क्रिप्ट में चाइल्ड नोड गिनती?

    चाइल्ड नोड की गिनती प्राप्त करने के लिए बच्चों की लंबाई का उपयोग करें। उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initialscale=1.0"> <title>Docume

  1. जावास्क्रिप्ट में एक डोम नोड के सभी बाल तत्वों को निकालें?

    चाइल्ड तत्वों को हटाने के लिए, आंतरिक HTML को पर सेट करें। उदाहरण निम्नलिखित कोड है - <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-sc