एचटीएमएल डोम एलिमेंट एपेंड चाइल्ड ()
उदाहरण
किसी आइटम को सूची में जोड़ें:
const node = document.createElement("LI");
const textnode = document.createTextNode("Water");
node.appendChild(textnode);
document.getElementById("myList").appendChild(node);
पहले:
- Coffee
- Tea
बाद:
- Coffee
- Tea
- Water
किसी आइटम को एक सूची से दूसरी सूची में ले जाना:
const node = document.getElementById("myList2").lastChild;
document.getElementById("myList1").appendChild(node);
पहले:
- Coffee
- Tea
- Water
- Milk
बाद:
- Coffee
- Tea
- Milk
- Water
नीचे और अधिक उदाहरण।
परिभाषा और उपयोग
appendChild()
विधि एक नोड को नोड के अंतिम बच्चे के रूप में जोड़ती है ।
युक्ति: यदि आप टेक्स्ट के साथ एक नया पैराग्राफ बनाना चाहते हैं, तो टेक्स्ट को टेक्स्ट नोड के रूप में बनाना याद रखें जिसे आप पैराग्राफ में जोड़ते हैं, फिर पैराग्राफ को दस्तावेज़ में संलग्न करें।
आप इस विधि का उपयोग किसी तत्व को एक तत्व से दूसरे तत्व में ले जाने के लिए भी कर सकते हैं (देखें "अधिक उदाहरण")।
यह सभी देखें:
वाक्य - विन्यास
node.appendChild(node)
मापदंडों
Parameter | Description |
node | Required. The node to append. |
प्रतिलाभ की मात्रा
प्रकार | विवरण |
नोड | जोड़ा गया नोड |
और ज्यादा उदाहरण
एक <p> तत्व बनाएं और इसे एक <div> तत्व में जोड़ें:
const para = document.createElement("p");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.getElementById("myDIV").appendChild(para);
एक <p> तत्व बनाएं और इसे दस्तावेज़ के मुख्य भाग में जोड़ें:
const para = document.createElement("P");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.body.appendChild(para);
संबंधित तत्व विधियाँ:
तत्व में चाइल्ड नोड्स () विधि है
संबंधित दस्तावेज़ तरीके:
दस्तावेज़ createElement () विधि
ब्राउज़र समर्थन
element.appendChild()
एक डोम लेवल 1 (1998) फीचर है।
यह सभी ब्राउज़रों में पूरी तरह से समर्थित है:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |