JavaScript의 DOM API를 사용하여 XML 문서를 어떻게 구문 분석할 수 있나요?

JavaScript를 사용하여 XML 구문 분석

JavaScript에서 XML 문서를 구문 분석하는 것은 웹 개발의 일반적인 요구 사항입니다. 이는 기본 JavaScript DOM(문서 개체 모델) API를 사용하여 쉽게 달성할 수 있습니다.

DOM API

DOM API는 XML 문서의 계층적 표현을 제공합니다. 개발자가 XML 노드와 해당 속성에 액세스하고 조작할 수 있도록 합니다. DOM API를 사용하여 XML 문서를 구문 분석하려면 다음 단계를 따르세요.

1. DOMParser 개체 만들기: 이 개체는 XML 문자열을 DOM 구조로 구문 분석하는 데 사용됩니다.
2. XML 문자열 구문 분석: DOMParser 객체의 parseFromString 메서드를 호출하여 XML 문자열을 구문 분석하고 생성합니다. DOM 문서.
3. XML 노드 액세스: getElementsByTagName 및 getElementsByTagNameNS와 같은 메소드를 사용하여 태그 이름과 네임스페이스를 기반으로 원하는 XML 노드에 액세스합니다(있는 경우). 해당).

예

다음 XML 문자열을 고려하세요.

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

이 XML 문자열을 구문 분석하고 거리 이름에 액세스하려면 , 거리 번호, 우편번호는 다음 JavaScript를 사용하세요. 코드:

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
}</xml>

참고:

• 네임스페이스 접두사: XML 문서에 네임스페이스 접두사가 포함된 경우 다음을 지정해야 합니다. 다음을 사용하여 XML 노드에 액세스할 때 네임스페이스 getElementsByTagNameNS.
• 브라우저 지원: DOM API는 모든 주요 브라우저에서 지원됩니다.

위 내용은 JavaScript의 DOM API를 사용하여 XML 문서를 어떻게 구문 분석할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!