XML 학습 (2) XML 문서의 DOM 연산에 대한 자세한 설명

DOM의 관점에서 HTML은 XML과 같은 트리 구조의 문서입니다. 각 노드는 다양한 유형의 노드 개체로 처리됩니다. 각 Node 개체에는 전체 문서 트리를 탐색하는 데 사용할 수 있는 고유한 속성과 메서드가 있습니다. DOM은 nodeType을 정의하여 node

interface	nodeType의 유형을 나타냅니다. 상수	nodeType 값	비고
요소	Node.ELEMENT_NODE	1	요소 노드
텍스트	Node.TEXT_NODE	3	텍스트 노드
문서	Node.DOCUMENT_NODE	9	문서
댓글	Node.COMMENT_NODE	8	주석 달린 텍스트
DocumentFragment	Node.DOCUMENT_FRAGMENT_NODE	11	문서 조각
속성	Node.ATTRIBUTE_NODE	2	노드 속성

DOM 트리의 루트 노드는 Document 개체이며 때로는 문서가 전체 문서를 가리키는 경우도 있습니다.

Document에서 정의하는 대부분의 메소드는 제작 메소드로, 주로 문서에 삽입할 수 있는 다양한 유형의 노드를 생성하는 데 사용됩니다. 일반적으로 사용되는 문서 방법은 다음과 같습니다.

방법	설명
createAttribute()	지정된 이름으로 생성 새로운 Attr 노드.
createComment()	지정된 문자열 사용 만들기 새로운 Comment 노드.
createElement()	지정된 태그 이름 만들기 새로운 요소 노드.
createTextNode()	지정된 텍스트로 생성 새로운 TextNode 노드.
getElementById()	문서에서 지정된 id 속성을 가진 Element 노드를 반환합니다.
getElementsByTagName()	태그 이름의 모든 요소 노드를 지정했습니다.

일반적으로 사용되는 요소:

노드 객체의 공통 속성:

method	설명
getAttribute()	지정된 속성의 값을 문자열로 반환합니다.
getAttributeNode()	Attr 형식 노드 지정된 속성의 값을 반환합니다.
getElementsByTabName()	노드 반환문서에 나타나는 순서대로 지정된 태그 이름을 가진 모든 요소 노드의 하위 노드를 포함하는 배열 .
hasAttribute()	요소에 지정된 Name 속성은 true를 반환합니다.
removeAttribute()	요소에서 지정된 속성을 ​​제거합니다.
removeAttributeNode()	요소의 속성 목록에서 지정된 Attr 노드를 삭제합니다.
setAttribute()	지정된 속성을 설정합니다. 지정된 문자열 값이 없으면 새 속성을 추가합니다.
setAttributeNode()	지정된 Attr 노드를 설정합니다. 요소의 속성 목록에 추가됩니다.

속성	설명
속성	노드가 Element인 경우 NamedNodeMap 형식으로 해당 요소의 속성을 반환합니다.
childNodes	는 Node 형태로 저장된다. [] 현재 노드의 하위 노드입니다. 하위 노드가 없으면 빈 배열이 반환됩니다.
firstChild	현재 노드를 형식으로 반환합니다. Node의 첫 번째 하위 노드입니다. 하위 노드가 없는 경우 null입니다.
lastChild	현재 노드를 형식으로 반환합니다. of Node 의 마지막 자식 노드입니다. 하위 노드가 없으면 null입니다.
다음형제	현재 노드의 형제인 다음 노드를 Node.js 형식으로 반환합니다. 해당 노드가 없으면 null이 반환됩니다.
nodeName	노드의 이름, Element node is 요소의 태그 이름을 나타냅니다.
nodeType	은 노드의 유형을 나타냅니다.
parentNode	현재 노드를 형식으로 반환합니다. Node의 상위 노드 중 하나입니다. 상위 노드가 없으면 null입니다.
previousSibling	노드로 반환 현재 노드와 이전 형제 노드입니다. 해당 노드가 없으면 null이 반환됩니다.

노드 객체 공통 메소드:

메서드	설명
appendChild()	The에 노드를 추가하여 현재 노드의 childNodes[] 그룹은 문서 트리에 노드를 추가합니다.
cloneNode()	현재 노드를 복사하고, 또는 현재 노드와 모든 하위 노드를 복사합니다.
hasChildNodes()	현재 노드에 다음이 있는 경우 하위 노드인 경우 true를 반환합니다.
insertBefore()	문서 트리 노드 삽입 , 현재 노드의 지정된 하위 노드 앞에 위치합니다. 노드가 이미 존재하는 경우 해당 노드를 삭제하고 해당 위치에 삽입하십시오.
removeChild()	문서 트리에서 제거하고 지정된 하위 노드를 반환합니다.
replaceChild()	문서 트리에서 지정된 하위 노드를 제거하고 반환합니다. , 다른 노드로 교체하세요.

요소 값 가져오기

다음 코드는 첫 번째