js如何解析XML数据 XML数据解析的3种常用方法解析

const xmlString = `          Giada De Laurentiis    2005    30.00  `;const parser = new DOMParser();const xmlDoc = parser.parseFromString(xmlString, "text/xml");const title = xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;console.log(title); // 输出 "Everyday Italian"

const xhr = new XMLHttpRequest();xhr.open("GET", "books.xml", true);xhr.responseType = "document";xhr.onload = function() {  if (xhr.readyState === 4 && xhr.status === 200) {    const xmlDoc = xhr.responseXML;    const title = xmlDoc.getElementsByTagName("title")[0].textContent;    console.log(title);  }};xhr.send();

const xmlString = `          Giada De Laurentiis    2005    30.00  `;const xmlDoc = $.parseXML(xmlString);const $xml = $(xmlDoc);const title = $xml.find("title").text();console.log(title); // 输出 "Everyday Italian"

const xmlString = `  
text`;const parser = new DOMParser();const xmlDoc = parser.parseFromString(xmlString, "text/xml");const element = xmlDoc.getElementsByTagNameNS("http://example.com", "element")[0];const attributeValue = element.getAttributeNS(null, "attribute"); // null 表示没有命名空间的属性const textContent = element.textContent;console.log(attributeValue); // 输出 "value"console.log(textContent); // 输出 "text"

function processElement(element) {  console.log("Element Name:", element.nodeName);  for (let i = 0; i < element.attributes.length; i++) {    const attribute = element.attributes[i];    console.log("Attribute:", attribute.name, "=", attribute.value);  }  for (let i = 0; i < element.childNodes.length; i++) {    const child = element.childNodes[i];    if (child.nodeType === Node.ELEMENT_NODE) {      processElement(child); // 递归调用    } else if (child.nodeType === Node.TEXT_NODE) {      console.log("Text Content:", child.textContent.trim());    }  }}const xmlString = `      Some text    More text  `;const parser = new DOMParser();const xmlDoc = parser.parseFromString(xmlString, "text/xml");processElement(xmlDoc.documentElement); // 从根元素开始

const xmlString = `