Bagaimanakah Saya Boleh Menghuraikan Dokumen XML Menggunakan API DOM JavaScript?

Menghuraikan XML Menggunakan JavaScript

Menghuraikan dokumen XML dalam JavaScript ialah keperluan biasa untuk pembangunan web. Ini boleh dicapai dengan mudah menggunakan API JavaScript DOM (Document Object Model) asli.

API DOM

API DOM menyediakan perwakilan hierarki dokumen XML, membenarkan pembangun mengakses dan memanipulasi nod XML dan atributnya. Untuk menghuraikan dokumen XML menggunakan API DOM, ikuti langkah berikut:

1. Buat objek DOMParser: Objek ini digunakan untuk menghuraikan rentetan XML ke dalam struktur DOM.
2. Menghuraikan rentetan XML: Panggil kaedah parseFromString objek DOMParser untuk menghuraikan rentetan XML dan cipta dokumen DOM.
3. Akses nod XML: Gunakan kaedah seperti getElementsByTagName dan getElementsByTagNameNS untuk mengakses nod XML yang dikehendaki berdasarkan nama teg dan ruang nama mereka (jika berkenaan).

Contoh

Pertimbangkan rentetan XML berikut:

<address>
  <street>Roble Ave</street>
  <streetNumber>649</streetNumber>
  <postalcode>94025</postalcode>
</address>

Untuk menghuraikan rentetan XML ini dan mengakses nama jalan , nombor jalan dan poskod, gunakan JavaScript berikut kod:

const txt = `<xml string here>`;

if (window.DOMParser) {
  const parser = new DOMParser();
  const xmlDoc = parser.parseFromString(txt, "text/xml");
  console.log(xmlDoc.getElementsByTagName("street")[0].childNodes[0].nodeValue); // Logs "Roble Ave"
  console.log(xmlDoc.getElementsByTagName("streetNumber")[0].childNodes[0].nodeValue); // Logs "649"
  console.log(xmlDoc.getElementsByTagName("postalcode")[0].childNodes[0].nodeValue); // Logs "94025"
} else {
  // Code for older browsers using ActiveXObject
}

Nota:

• Awalan Ruang Nama: Jika dokumen XML mengandungi awalan ruang nama, pastikan anda menyatakan ruang nama apabila mengakses nod XML menggunakan getElementsByTagNameNS.
• Sokongan Penyemak Imbas: API DOM disokong oleh semua penyemak imbas utama.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menghuraikan Dokumen XML Menggunakan API DOM JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!