XML.com

XML.com
  Home | Resources | FAQs |
    
Home :: XML007

XML007: การเข้าถึงแต่ละ Node ด้วย JavaScript

ตัวย่างต่อไปนี้ จะเป็นตัวอย่างง่ายๆ ในการอ่านข้อมูล XML file แล้วนำมาแสดงผลด้วย Java Script โดยใช้ DOM

ตัวอย่างของข้อมูลในรูปของ XML

สมมุตให้เป็นสมุดรายชื่อที่มี ชื่อ และเบอร์โทร โดยแต่ละรายการจะแยกด้วย Tag <CONTACT>
 

<?xml version="1.0"?>
<CONTACT>
<NAME> David Backham </NAME>
<PHONE> 555-1255</PHONE>
</CONTACT>

บันทึกข้อมูลข้างต้นลงในไฟล์ชื่อ contacts.xml แล้ว run โปรแกรมข้างล่างนี้

<HTML><HEAD><TITLE>Display Contacts with DOM</TITLE>
</TITLE></HEAD>
<BODY>

<SCRIPT language="JavaScript">
var xmlDoc;
xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async = false;
xmlDoc.load("contacts.xml"); // load ไฟล์
var objNode;
objNode = xmlDoc.documentElement.childNodes; // ชี้ไปที่ root
for (i=0;i<objNode.length;i++) // จำนวน node
document.write(objNode.item(i).firstChild.nodeValue+"<br>"); // ดึง node แรกในแต่ละ child
</SCRIPT>

</BODY>
</HTML>

 

จะพบว่า Source code นี้จะเป็นการวน loop เพื่อแสดงข้อมูลในแต่ละ Node ภายใน for loop ตามจำนวน element ที่มีอยู่

 

Contact Us | Our Mission | Privacy Policy | Advertise With Us | Site Help
Copyright © 2002 Copy เค้ามาจาก www.xml.com จะได้ดูเหมือนๆกัน