미친 XML 연구 노트(5) -----------XML DOM

DOM(Document Object Model)은 문서에 액세스하고 조작하기 위한 표준 방법 집합을 정의합니다.

XML DOM

XML DOM(XML 문서 개체 모델) 정의 XML 문서에 액세스하고 조작하기 위한 표준 방법 세트입니다.

DOM XML 문서를 트리 구조로 봅니다. 모든 요소는 DOM 트리를 통해 액세스할 수 있습니다. 해당 내용은 수정되거나 삭제될 수 있으며 새 요소가 생성될 수 있습니다. 요소, 해당 텍스트 및 속성은 모두 노드로 간주됩니다.

다음 예에서는 DOM 참조를 사용하여 요소에서 텍스트를 가져옵니다.

xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue

• xmlDoc - 파서

• getElementsByTagName("to")[0]<에 의해 생성된 XML 문서 🎜> - 첫 번째 요소

• childNodes[0] - 요소의 첫 번째 하위 요소 노드)

• nodeValue - 노드의 값(텍스트 자체)

HTML DOM

HTML DOM(HTML 문서 객체 모델) 정의 HTML 문서에 액세스하고 조작하기 위한 표준 방법 세트입니다.

모든 HTML 요소는 HTML DOM을 통해 액세스할 수 있습니다.

다음 예에서는 DOM 참조를 사용하여 id="to"인 HTML 요소의 텍스트를 변경합니다.

document.getElementById("to").innerHTML=

• 문서 - HTML 문서

• getElementById("to") - 여기서 id= "to" HTML 요소

• innerHTML - HTML 요소의 내부 텍스트

XML 파일 구문 분석 - 브라우저 간 예

다음 코드는 XML 문서("note.xml")를 XML 파서에 로드합니다.

W3School.com.cn Internal Note
To: 

From: 

Message: 

출력:

To : George보낸 사람: John메시지: 미팅을 잊지 마세요! >XML에서 텍스트 "John"을 추출하려면 구문은 다음과 같습니다.

getElementsByTagName("from")[0].childNodes[0].nodeValue

이 XML 예에는 태그가 하나만 있지만 여전히 XML 구문 분석기 메소드 getElementsByTagName()이 모든 노드의 배열을 반환하기 때문에 배열 Tag [0]의 맨 아래에 있습니다.

XML 문자열 구문 분석 - 크로스 브라우저 예제

아래 코드를 로드하고 구문 분석합니다. XML 문자열:

W3School.com.cn Internal Note
To: 

From: 

Message: 

출력:

To: GeorgeFrom: JohnMessage: Don't forget the meeting!

참고: Internet Explorer는 loadXML() 메서드를 사용하여 XML 문자열을 구문 분석하는 경우 다른 브라우저는 DOMParser 개체를 사용합니다.

위는 미친 XML 학습 노트입니다(5)------ -- ---XML DOM 콘텐츠, 더 많은 관련 콘텐츠를 보려면 PHP 중국어 웹사이트(www.php.cn)를 참고하세요!