HTML DOM Element appendChild() विधि
- पिछला पृष्ठ addEventListener()
- अगला पृष्ठ गुण
- एक स्तर ऊपर वापस जाएँ HTML DOM Elements ऑब्जेक्ट
परिभाषा और उपयोग
appendChild() विधि नोड (एलिमेंट) को एलिमेंट के अंतिम संदर्भ के रूप में जोड़ती है。
और देखें:
संबंधित डॉक्युमेंट विधियाँ:
उदाहरण
उदाहरण 1
सूची में आइटम जोड़ना:
const node = document.createElement("li");
const textnode = document.createTextNode("Water");
node.appendChild(textnode);
document.getElementById("myList").appendChild(node);
जोड़ने से पहले:
- कॉफी
- चाय
जोड़ने के बाद:
- कॉफी
- चाय
- पानी
उदाहरण 2
एक सूची से दूसरी सूची में आइटम को खिसकाना:
const node = document.getElementById("myList2").lastElementChild;
document.getElementById("myList1").appendChild(node);
हिलाने से पहले:
- कॉफी
- चाय
- पानी
- दूध
हिलाने के बाद:
- कॉफी
- चाय
- दूध
- पानी
उदाहरण 3
टेक्स्ट वाला परिच्छेद बनाएं:
- परिच्छेद एलीमेंट बनाएं
- टेक्स्ट नोड बनाएं
- परिच्छेद में टेक्स्ट नोड जोड़ें
- दस्तावेज़ में परिच्छेद जोड़ें
एक <p> एलीमेंट बनाएं और <div> एलीमेंट में इसे जोड़ें:
const para = document.createElement("p");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.getElementById("myDIV").appendChild(para);
उदाहरण 4
एक <p> एलीमेंट बनाएं और दस्तावेज़ के मुख्य भाग में इसे जोड़ें:
const para = document.createElement("P");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.body.appendChild(para);
व्याकरण
element.appendChild(node)
या
node.appendChild(node)
पारामीटर
| पारामीटर | वर्णन |
|---|---|
| node | आवश्यक। जोड़ने के लिए नोड |
वापसी मान
| क़िस्म | वर्णन |
|---|---|
| नोड | जोड़ी गई नोड |
ब्राउज़र समर्थन
element.appendChild() यह DOM Level 1 (1998) विशेषता है।
सभी ब्राउज़र इसे पूरी तरह से समर्थित करते हैं:
| च्रोम | आईई | एज | फायरफॉक्स | सफारी | ऑपेरा |
|---|---|---|---|---|---|
| च्रोम | आईई | एज | फायरफॉक्स | सफारी | ऑपेरा |
| समर्थन | 9-11 | समर्थन | समर्थन | समर्थन | समर्थन |
- पिछला पृष्ठ addEventListener()
- अगला पृष्ठ गुण
- एक स्तर ऊपर वापस जाएँ HTML DOM Elements ऑब्जेक्ट
