DOMParser

The DOMParser 인터페이스는 DOM Document 문서에 맞는 XMLHTML 소스 코드를 해석할 수 있는 기반을 제공한다 .

참고: XMLHttpRequest 객체로도 인식 가능한 URL 주소로부터 직접 XML 및 HTML 문서를 해석하여 response (en-US) 속성을 통해 Document 객체로 제공한다.

반대로 DOM 구조를 XML 및 HTML 소스 코드로 제공하는 방식은 XMLSerializer (en-US) 인터페이스를 참고하도록 한다.

HTML 문서의 경우, Element.innerHTML 속성과 outerHTML 속성을 통해 DOM 구조를 새로운 방식으로 변경할 수 있다. 또한 이들 속성을 통해 HTML 구조의 하위에 있는 HTML 구조도 불러올 수 있다.

문법

js
let domparser = new DOMParser();

메소드

문법

js
let doc = domparser.parseFromString(string, mimeType);

반환

mimeType 인자를 통해 정의한 형식에 따른 Document 또는XMLDocument (en-US) 문서를 반환한다.

인자

이 메소드에는 2개의 인자가 제공되는데, 모두 필수값이다.

string

해석할 DOMString 문자열. 반드시 HTML, xml, xhtml+xml 또는 svg 문서 형식에 맞아야 한다.

mimeType

아래 표에 정의한 형식을 반환 값으로 제공할 DOMString 문자열.

mimeType doc.constructor
text/html Document
text/xml XMLDocument (en-US)
application/xml XMLDocument (en-US)
application/xhtml+xml XMLDocument (en-US)
image/svg+xml XMLDocument (en-US)

예제

이 인터페이스의 유일한 메서드인 DOMParser.parseFromString() (en-US)에 대한 설명서에는 XML, SVG 및 HTML 문자열을 구문 분석하기 위한 예제가 포함되어 있습니다.

명세서

Specification
HTML Standard
# dom-parsing-and-serialization

브라우저 호환성

BCD tables only load in the browser

같이 보기