XML DOM appendChild() 方法

定义和用法

appendChild() 方法在指定元素节点的最后一个子节点之后添加节点。

该方法返回新的子节点。

语法:

appendChild(node)
参数 描述
node 必需。要追加的节点。

实例

在所有的例子中,我们将使用 XML 文件 books.xml,以及 JavaScript 函数 loadXMLDoc()

下面的代码片段创建并向第一个 <book> 元素追加了一个节点,然后输出第一个 <book> 元素的所有子节点:

xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName('book');
var newel,newtext;
for (i=0;i<x.length;i++)
{
newel=xmlDoc.createElement('edition');
newtext=xmlDoc.createTextNode('First');
newel.appendChild(newtext);
x[i].appendChild(newel);
}
//Output all titles and editions
y=xmlDoc.getElementsByTagName("title");
z=xmlDoc.getElementsByTagName("edition");
for (i=0;i<y.length;i++)
{
document.write(y[i].childNodes[0].nodeValue);
document.write(" - Edition: ");
document.write(z[i].childNodes[0].nodeValue);
document.write("<br />");
}

এই কোডের আউটপুট:

Everyday Italian - Edition: First
Harry Potter - Edition: First
XQuery Kick Start - Edition: First
Learning XML - Edition: First

মন্তব্য:ইন্টারনেট এক্সপ্লোরার (IE) নোডের মধ্যে তৈরি হওয়া শুধুমাত্র প্রকাশনা টেক্সট নোডগুলোকে অবমূল্যায়ন করবে (যেমন লিন কর্নার), এবং Mozilla একইভাবে করবে না।তাই, উপরোক্ত উদাহরণে, আমরা শুধুমাত্র এলিমেন্ট নোডকে হান্ডল করব (এলিমেন্ট নোডের nodeType 1)。

IE ও Mozilla ব্রাউজারের মধ্যে পার্থক্য নিয়ের বিস্তারিত তথ্য পাওয়ার জন্য CodeW3C.com-এর XML DOM টিউটোরিয়াল এক্সেস করুন DOM ব্রাউজার এই অধ্যায়