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('edition');
var newtext=xmlDoc.createTextNode('First');
newel.appendChild(newtext);
var x=xmlDoc.getElementsByTagName('book')[0];
x.appendChild(newel);;
var y=x.childNodes;
for (var i=0;i<y.length;i++)
{
//Display only element nodes
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 ਬਰਾਉਜ਼ਰ ਪ੍ਰਕਰਮ。
