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 ব্রাউজার চ্যাপ্টার
