解析XML

發佈於2024-11-03

Parsing XML

HTML 是 Web 開發中最常見的標記語言。 HTML 是 XML 的超集，也就是說它是 XML 規範的擴充。這個事實的有趣之處在於，Web 瀏覽器在呈現 HTML 的能力方面實際上配備了 XML 解析器，並且在幕後具有 XML 解析功能。

為什麼要考慮 XML

HTML 是網路開發者普遍使用的標記語言。該部落格的讀者（軟體工程師）可能只需要 HTML。然而，我的媒體公司與許多非技術領域的作者打交道，我不得不說...作者對他們內容的看法與 HTML 所認為的不同。

XML 的美妙之處在於它的通用結構，它允許自訂解析和處理。這種靈活性在 HTML 中得到了完美的體現，但是 允許自訂定義 的用例可以透過 XML 更好地處理。

XML 是一種資料承載語言。 HTML 是該語言的擴展，帶有標準化的圖形使用者介面呈現。要了解我的意思，請在瀏覽器中開啟一個 XML 檔案。 https://alexason.com/uploads/library.xml

正如您將看到的，現代瀏覽器使用元素標籤呈現完整的文件。但也要注意，瀏覽器會識別資料類型，並套用特殊格式。這樣看來，XML 更像是 JSON。

解析XML

雖然不是瀏覽器渲染代理原生的，但可以使用瀏覽器 API 的 DOMParser 來解析 XML。

看到重點就是行動

const xmlString = `
  
    
      
        #4A90E2
      
      
        #333333
      
    
    Elena and the Embrace of Holiness
    In the heart of the village, where the sun kissed the earth...
    
  `;

const parser = new DOMParser();
const xmlDocument = parser.parseFromString(xmlString, "text/xml");
const parserError = xmlDoc.getElementsByTagName("parsererror");
if (parserError.length > 0) {
  // Handle error
  console.error("Error parsing XML:", parserError[0].textContent);
} else {
  // Successfully parsed the XML
  // XML Document contains a document
  console.log("Parsed XML Document:", xmlDocument);
  const title = xmlDocument.getElementsByTagName("title")[0].textContent;
  const titleColor = xmlDocument.getElementsByTagName("color")[0].textContent;
}