XML DOM appendChild() विधि
परिभाषा और उपयोग
appendChild() विधि नोड के सही नोड सूची में नए सही नोड को जोड़ सकती है。
यह विधि नए सही नोड को वापस देती है。
वाक्यांश
appendChild(newchild)
| पारामीटर | वर्णन |
|---|---|
| newchild | जोड़ा गया नोड |
वापसी मान
जोड़ी गई नोड
वर्णन
यह विधि नोड newchild को दस्तावेज़ में जोड़ेगी और इसे वर्तमान नोड के अंतिम सही नोड के रूप में बना देगी。
यदि दस्तावेज़ ट्री में पहले से ही newchild मौजूद है, तो यह दस्तावेज़ ट्री से मिटा दिया जाएगा और इसे उसके नए स्थान में दुबारा जोड़ा जाएगा। यदि newchild DocumentFragment नोड है, तो इसे सीधे जोड़ा नहीं जाएगा बल्कि इसके सबसे छोटे नोड को क्रमबद्ध तरीके से वर्तमान नोड के childNodes[] सूची के अंत में जोड़ा जाएगा。
ध्यान दें कि एक दस्तावेज़ से आने वाले नोड (या एक दस्तावेज़ द्वारा बनाये गए नोड) दूसरे दस्तावेज़ में जोड़ा नहीं जा सकता। यानी newchild का ownerDocument गुण वर्तमान नोड के ownerDocument गुण से एकसी होना चाहिए。
उदाहरण
नीचे की फ़ंक्शन दस्तावेज़ के अंत में एक नई पैराग्राफ को जोड़ती है:
function appendMessage (message) {
var pElement = document.createElement("p");
var messageNode = document.createTextNode(message);
pElement.appendChild(messageNode);
document.body.appendChild(pElement);
}
उदाहरण
सभी उदाहरणों में हम XML फ़ाइल का उपयोग करेंगे books.xmlऔर जेसक्रिप्ट फ़ंक्शन loadXMLDoc()。
नीचे कोड टुकड़े एक नए <book> एलीमेंट को एक नोड को जोड़े और सबसे पहले <book> एलीमेंट के सभी चयनको आउटपुट करता है:
xmlDoc=loadXMLDoc("books.xml");
var newel=xmlDoc.createElement('संस्करण');
var newtext=xmlDoc.createTextNode('पहला');
newel.appendChild(newtext);
var x=xmlDoc.getElementsByTagName('book')[0];
x.appendChild(newel);;
var y=x.childNodes;
for (var i=0;i<y.length;i++)
{
// एलीमेंट नोड केवल प्रदर्शित करें
if (y[i].nodeType==1)
{
document.write(y[i].nodeName);
document.write("<br />");
}
}
आउटपुट:
title author year price edition
टिप्पणी:Internet Explorer नोड के बीच बने शून्य टेक्स्ट नोड (उदाहरण के लिए, बदलने के संकेत) को नज़रअंदाज़ करेगा, जबकि Mozilla ऐसा नहीं करेगा।इसलिए, नीचे दिए गए उदाहरण में हम केवल एलीमेंट नोड को ही संसाधित करते हैं (एलीमेंट नोड का nodeType=1 है)。
सूचना:IE और Mozilla ब्राउज़र के बीच XML DOM के अंतर के बारे में अधिक जानकारी के लिए हमारे DOM ब्राउज़र अध्याय。
