이 예제에서는 텍스트 문자열을 XML DOM 개체로 구문 분석하고 JavaScript를 통해 정보를 추출합니다. 이 예제에서는 HTML 문서의 첫 번째 요소의 값을 변경합니다:
이 예제에서는 DOMParser를 사용하여 문자열의 XML 조각을 DOM 트리로 변환합니다. DOMParser는 HTML 또는 XML 문자열을 구문 분석하고 HTML 에서 새 HTML 문서를 만들 수 있습니다. 기본적으로 XML 문자열을 구문 분석하고 좋아하는 모든 DOM 함수를 사용하여 개체를 반복할 수 있습니다. 믿을 수 없어요! 예를 들어 보겠습니다. 경우에 따라 XML 콘텐츠를 구문 분석하여 DOM 트리로 변환하거나 반대로 기존 DOM 트리를 XML로 직렬화해야 할 수 있습니다. 이 문서에서는 웹 플랫폼에서 제공하는 개체를 살펴보고 XML을 직렬화하고 구문 분석하는 일반적인 작업을 쉽게 만듭니다. 아래 예제에서 사용되는 XML 파일은 books.xml입니다. 이 예제에서는 xmlDoc에 „books.xml“을 읽고 books.xml에서 첫 번째 요소의 텍스트 값을 검색합니다. 결과적으로 docHTML은 문서 내용의 HTML을 포함하는 DOMString입니다. 즉, 요소의 내용입니다. 다음 방법 중 하나를 사용하여 문서의 인스턴스인 XML 문서를 만듭니다. 속성은 종종 (즉, 노드 이름은 „책“)이라고합니다.
. DOM은 XML을 노드 개체 집합으로 모델합니다. 노드는 자바 스크립트 또는 다른 프로그래밍 언어로 액세스 할 수 있습니다. 이 튜토리얼에서 우리는 자바 스크립트를 사용합니다. . 먼저 DOM 트리를 만드는 방법에 설명된 대로 DOM 트리를 만듭니다. 또는 XMLHttpRequest에서 얻은 DOM 트리를 사용합니다. 모든 최신 브라우저에는 텍스트를 XML DOM 개체로 변환할 수 있는 XML 파서가 내장되어 있습니다. 웹 개발자와 디자이너의 10대 요구 사항을 이해하는 데 도움이 됩니다. DOM은 문서에 액세스하고 조작하기 위한 표준을 정의합니다: 이전 버전의 Internet Explorer를 처리하려면 브라우저가 DOMParser 개체를 지원하는지 확인하거나 ActiveXObject: Home > 문서 > 웹 디자인 및 개발 > PHP/MySQL/ Dom 트리 문서를 XML 텍스트로 직렬화하려면 XMLSerialize.serializeToString(호출): URL 주소 지정 가능한 XML 파일을 읽고 구문 분석하는 샘플 코드가 DOM 트리인 경우 위에 표시된 코드가 문서를 반환합니다. 문서가 XML인 경우 결과 개체는 실제로 XMLDocument입니다.
두 가지 유형은 기본적으로 동일합니다. 차별화뿐만 아니라 몇 가지 실용적인 이점이 있지만 차이는 크게 역사적이다. API 응답에서 이 XML 문자열이 있다고 가정해 봅시다: 이 xml 문자열을 DOM 문서로 구문 분석해 보겠습니다! 그런 다음 이 속성의 zpid를 가져올 수 있습니다. 모든 HTML 요소는 HTML DOM을 통해 액세스 할 수 있습니다. 인터넷 익스플로러의 이전 버전 (IE5, IE6, IE7, IE8) DOMParser 개체를 지원하지 않습니다. 파일 cd_catalog.xml을 요청하고 응답을 XML DOM 개체로 사용: HTML DOM은 HTML 문서에 액세스하고 조작하는 표준 방법을 정의합니다. HTML 문서를 트리 구조로 제공합니다. eXtensible Markup 언어 (XML)는 당신이 에 대해 많이 듣고 그 언어 중 하나입니다, 일반적으로 최상급에서, 하지만 너무 많은 사람들이 정확히 그것이 무엇인지 확실하지 않다.
이 시점에서 넷스케이프 네비게이터와 인터넷 익스플로러는 W3C 문서 개체 모델(DOM)을 사용하여 자바스크립트와 XML을 완전히 연결하기 직전에 있습니다. HTML, 자바 스크립트 및 XML DOM이 동일한 개체 모델을 중심으로 형성되기 시작했기 때문에 JavaScript 및 HTML이 XML을 이해하여 어디로 향하고 있는지 더 잘 이해할 수 있습니다.