Phương thức XML DOM appendChild()
Định nghĩa và cách sử dụng
Phương thức appendChild() thêm nút vào sau cuối cùng của nút phần tử được chỉ định.
Phương thức này trả về nút con mới.
cú pháp:
appendChild(node)
| tham số | miêu tả |
|---|---|
| node | bắt buộc. Nút cần thêm. |
thực tế
Trong tất cả các ví dụ, chúng ta sẽ sử dụng tệp XML books.xmlvà hàm JavaScript loadXMLDoc()。
Mã đoạn sau này tạo và thêm một nút vào phần tử đầu tiên <book>, sau đó xuất tất cả các nút con của phần tử đầu tiên <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);
}
//Xuất tất cả các tiêu đề và xuất bản
y=xmlDoc.getElementsByTagName("title");
z=xmlDoc.getElementsByTagName("edition");
for (i=0;i<y.length;i++)
{
document.write(y[i].childNodes[0].nodeValue);
document.write(" - Lần xuất bản: ")}
document.write(z[i].childNodes[0].nodeValue);
document.write("<br />");
}
Kết quả xuất ra của đoạn mã trên:
Everyday Italian - Lần xuất bản: Đầu tiên Harry Potter - Lần xuất bản: Đầu tiên XQuery Kick Start - Lần xuất bản: Đầu tiên Learning XML - Lần xuất bản: Đầu tiên
Ghi chú:Internet Explorer sẽ bỏ qua các nút văn bản trống giữa các nút (ví dụ như ký tự换行), trong khi Mozilla không làm như vậy. Do đó, trong ví dụ trên, chúng ta chỉ xử lý các nút phần tử (nodeType của các nút phần tử bằng 1).
Nếu bạn cần thêm thông tin về sự khác biệt giữa trình duyệt IE và Mozilla, hãy truy cập vào hướng dẫn XML DOM của CodeW3C.com. Trình duyệt DOM Phần này.
