HTML DOM은 HTML 요소를 획득, 수정, 추가 또는 삭제하는 방법에 대한 표준입니다. HTML dom에서는 모든 것이 노드입니다. DOM은 HTML이며 노드 트리로 간주됩니다.
W3C의 HTML DOM 표준에 따르면 HTML 문서의 모든 내용은 노드입니다.
전체 문서는 문서 노드입니다
각 HTML 요소는 요소 노드입니다
HTML 요소의 텍스트는 텍스트 노드입니다.
각 HTML 속성은 속성 노드입니다
주석은 주석 노드입니다
HTML DOM은 HTML 문서를 트리 구조로 간주합니다. 이 구조는 노드 트리라고합니다.
HTML DOM 트리 인스턴스
http://www.w3school.com.cn/i/ct_htmltree.gif
HTML DOM을 통해 트리의 모든 노드는 JavaScript를 통해 액세스 할 수 있습니다. 모든 HTML 요소 (노드)는 수정 또는 작성 또는 삭제 된 노드를 수정할 수 있습니다.
모든 HTML 요소는 객체로 정의되며 인터페이스는 객체 메소드 및 객체 속성입니다.
하나 : 요소 노드 방법 획득 :
1.var node = document.getElementById ( "nodeid");
2.var nodelist = document.getElementsByClassName ( "NodeClassName");
3.var nodelist = docum
둘 : 요소 노드를 얻은 후, 우리는 그에게 작동을 수행 할 수 있습니다. 1. 우리 자신을 위해 작동합니다. 2. 서브 노드의 작동. 3. 형제 노드 작업. 4. 부모 노드 작동
2.1. node.parentNode.removeChild (노드);
2.2. 서브 노드가 있는지 확인하십시오 : var boolean = node.haschildnodes ();
자식 노드 목록 : var childrist = node.childnodes;
노드 요소 유형을 가져옵니다. var nodetype = node.nodeType;
하위 노드를 삭제하십시오. node.removechild (Childnode);
하위 노드의 꼬리에 서브 노드를 삽입하십시오 : node.appendChild (Childnode);
서브 노드에 서브 노드를 삽입하지 마십시오 : node.insertbeface (childnode);
노드를 사용하여 B 노드를 대체합니다. node.replacechild (a, b);
2.3.node.nextibling
node.previousibling 인접한 형제 노드를 얻습니다
2.4. 부모 노드를 가져옵니다