javascript_javascript 기술에서 DOM의 기본 속성을 자세히 논의합니다.

구조 및 콘텐츠 속성

노드 유형

모든 노드에는 유형이 있으며, 총 12가지 유형의 노드가 있습니다.

코드 복사 코드는 다음과 같습니다.

인터페이스 노드 {
// 노드타입
const unsigned short ELEMENT_NODE = 1;
const unsigned short ATTRIBUTE_NODE = 2;
const unsigned short TEXT_NODE = 3;
const unsigned short CDATA_SECTION_NODE = 4;
const unsigned short ENTITY_REFERENCE_NODE = 5;
const unsigned short ENTITY_NODE = 6;
const unsigned short PROCESSING_INSTRUCTION_NODE = 7;
const unsigned short COMMENT_NODE = 8;
const unsigned short DOCUMENT_NODE = 9;
const unsigned short DOCUMENT_TYPE_NODE = 10;
const unsigned short DOCUMENT_FRAGMENT_NODE = 11;
const unsigned short NOTATION_NODE = 12;
...
}

가장 중요한 두 노드는 요소 노드(1)와 텍스트 노드(3)입니다. 나머지는 거의 사용되지 않습니다.
예를 들어, 모든 하위 요소 노드를 나열할 때 이를 반복하고 childNodes[i].nodeType != 1을 사용하여 감지할 수 있습니다.
구현 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

허용된 독자:

• 존


• 밥

<스크립트> var childNodes = document.body.childNodes
for(var i=0; i if (childNodes[i].nodeType != 1) 계속
경고(childNodes[i])
}

*생각 다음 코드는 어떤 메시지를 표시합니까?

코드 복사 코드는 다음과 같습니다.

경고(document.body.lastChild.nodeType)