JavaScript 노드 작업 및 DOMDocument 속성 및 방법

속성: 1Attributes 저장 노드 의 속성 목록 (읽 기 전용) 2childNodes 저장 노드 의 하위 노드 목록 (읽 기 전용) 3dataType 은 이 노드 의 데이터 형식 4Definition 이 DTD 또는 XML 모드 로 제 시 된 노드 의 정의 (읽 기 전용) 5Doctype 지정 문서 형식 노드 (읽 기 전용) 6documentElement 에서 문서 의 루트 요 소 를 되 돌려 줍 니 다 (읽 기 전용)7firstChild 는 현재 노드 의 첫 번 째 하위 노드 (읽 기 전용) 를 되 돌려 줍 니 다. 8 Implementation 은 XMLdomImplementation 대상 9lastChild 를 되 돌려 줍 니 다. 현재 노드 의 마지막 하위 노드 (읽 기 전용) 10nextSibling 은 현재 노드 의 다음 형제 노드 (읽 기 전용) 11nodeName 반환 노드 의 이름 (읽 기 전용) 12nodeType 반환 노드 의 형식 (읽 기 전용) 13nodeTyped Value 저장 노드 값 을 되 돌려 줍 니 다.(읽 기 가능) 14nodeValue 반환 노드 의 텍스트 (읽 기 가능) 15ownerDocument 이 노드 를 포함 하 는 루트 문서 (읽 기 전용) 16parentNode 반환 부모 노드 (읽 기 전용) 17Parsed 반환 노드 와 하위 노드 가 해석 되 었 는 지 (읽 기 전용) 18Prefix 반환 이름 공간 접두사 (읽 기 전용) 19preserveWhiteSpace 지정 공백 유지 여부 (읽 기 전용)20previousSibling 은 이 노드 의 이전 형제 노드 (읽 기 전용) 21Text 를 되 돌려 줍 니 다. 이 노드 와 그 후손 의 텍스트 내용 (읽 기 전용) 22url 은 최근 에 불 러 온 XML 문서 의 URL (읽 기 전용) 23Xml 를 되 돌려 줍 니 다. 노드 와 그 후손 의 XML 표시 (읽 기 전용)방법: appendChild 는 현재 노드 에 새 하위 노드 를 추가 합 니 다. 마지막 하위 노드 에 놓 은 후 2cloneNode 는 현재 노드 의 복사 3createAttribute 를 되 돌려 새로운 속성 4createCDATASection 을 만 듭 니 다. 주어진 데 이 터 를 포함 한 CDATA 세그먼트 5createComment 를 만 듭 니 다. 주석 노드 6createDocumentFragment 를 만 듭 니 다. DocumentFragment 대상 7createElement 를 만 듭 니 다.소 노드 8createEntityReference 생 성 EntityReference 대상 9createNode 생 성 주어진 형식, 이름과 네 임 스페이스 의 노드 10createPorcessingInstruction 생 성 작업 명령 노드 11createTextNode 생 성 주어진 데 이 터 를 포함 한 텍스트 노드 12getElementsByTagName 지정 한 이름 을 되 돌려 주 는 요소 집합 13hasChildNodes 는 현재 노드 에 하위 노드 14in 이 있 는 지 여 부 를 되 돌려 줍 니 다.sertBefore 지정 한 노드 앞 에 하위 노드 15Load 를 삽입 하여 지정 한 위치의 XML 문서 16loadXML 가 져 오기 지정 한 문자열 을 가 져 온 XML 문서 17removeChild 는 하위 노드 목록 에서 지정 한 하위 노드 18replace Child 를 삭제 하고 하위 노드 목록 에서 지정 한 하위 노드 19 Save XML 문 서 를 지정 한 노드 20selectNodes 에 저장 하여 노드 에 지정 한 매 칭 을 하고 매 칭 절 을 되 돌려 줍 니 다.점 목록 21selectSingleNode 는 노드 에 대해 지정 한 매 칭 을 하고 첫 번 째 매 칭 노드 22transformNode 를 되 돌려 지정 한 스타일 시트 를 사용 하여 노드 와 그 후손 을 변환 합 니 다 23transformNodeToObject 는 지정 한 스타일 시트 를 사용 하여 노드 와 그 후손 을 대상 으로 * * * * * * * * * * * * * * * * * * * * * * * * * * * * DOM (문서 대상 모델) DOM (문서 대상 모델)개념의 출시, 이 API 는 HTML 을 호랑이 날개 처럼 만 들 었 습 니 다. 그러나 일부 DHTML 을 배 우 는 친구 들 은 아직도 어려움 을 겪 고 있 습 니 다. 다만 현재 매 뉴 얼 의 작성 이 과학적 이지 않 고 알파벳 으로 나 누 어 져 있어 서 찾 아 보기 가 어렵 습 니 다. 사실 DOM 에서 가장 관건 적 인 것 은 노드 와 노드 간 의 관 계 를 파악 하 는 것 입 니 다 (between node and node).DHTML 의 DOM 을 배우 고 싶 습 니 다. 모든 속성 과 방법 을 처음부터 끝까지 보지 마 세 요. 당신 은 3 개국 때 장송 의 '한 번 보면 잊 지 않 습 니 다' 가 있 습 니 다.능력 이 요? 없 죠? 그럼 제 분석 을 들 어 보 겠 습 니 다. 사실 DOM 이 우리 에 게 가르쳐 준 것 은 하나의 차원 구조 입 니 다. 당신 은 하나의 트 리 구조 로 이해 할 수 있 습 니 다. 우리 의 디 렉 터 리 처럼 하나의 루트 디 렉 터 리, 루트 디 렉 터 리 아래 에 하위 디 렉 터 리 가 있 습 니 다. 루트 노드: DOM 은 차원 의 모든 대상 을 노드 (NODE) 라 고 부 릅 니 다.HTML 하이퍼텍스트 태그 언어 를 예 로 들 면 전체 문서 의 하 나 는 DOM 에서 document. documentElement 를 사용 하여 접근 할 수 있 습 니 다. 이것 이 바로 전체 노드 트 리 의 루트 노드 (ROOT) 입 니 다.하위 노드: 일반적인 의미 의 노드, 루트 노드 아래 의 가장 큰 하위 노드 는 바로 본문 파일 구역 입 니 다. body 탭 에 접근 하려 면 스 크 립 트 에 써 야 합 니 다. document. body body 구역 안의 모든 텍스트 와 HTML 탭 은 문서 의 노드 이 고 각각 텍스트 노드, 요소 노드 (또는 탭 노드) 라 고 부 릅 니 다.HTML 은 텍스트 일 뿐 이라는 것 을 잘 알 고 있 습 니 다. 어떤 웹 페이지 든 반드시 이 두 노드 로 구성 되 고 이 두 노드 로 만 노드 간 의 관 계 를 구성 할 수 있 습 니 다. 노드 간 의 관계 도 DOM 에서 가장 중요 한 관절 입 니 다. 노드 대상 을 어떻게 정확하게 인용 하 든 노드 트 리 각 노드 의 상호 설명 방식 을 잘 알 아야 합 니 다. DHTML 에서 Javascrip 은t 스 크 립 트 는 각 노드 대상 의 전체 방법 과 속성 을 사용 하여 다른 노드 대상 을 설명 합 니 다. 노드 의 절대 참조: 문서 의 루트 노드 document. documentElement 를 되 돌려 현재 문서 에서 활성 화 된 탭 노드 document. activeElement 을 되 돌려 줍 니 다. 마우스 가 이동 한 소스 노드 event. from Element 는 마우스 가 이동 한 소스 노드 event. toElement 를 되 돌려 줍 니 다.이벤트 의 원본 노드 이벤트. srcElement 노드 의 상대 적 인 참조: (현재 노드 를 node 로 설정) 부모 노드 node. parentNode node. parentElement 반환 서브 노드 집합 (텍스트 노드 및 탭 노드 포함)node. childNodes 하위 탭 노드 집합 node. children 하위 텍스트 노드 집합 node. textNodes 는 첫 번 째 키 노드 node. firstChild 를 되 돌려 주 고 마지막 키 노드 node. lastChild 는 같은 다음 노드 node. nextSibling 을 되 돌려 주 고 같은 노드 node. previousSibling 노드 의 여러 동작 을 되 돌려 줍 니 다. (현재 노드 를 node 로 설정)추가 탭 노드 핸들: document. createElement (sNode) / / 매개 변 수 는 새로 추가 할 노드 라벨 이름 입 니 다. 예: new node = document. createElement ("div"), 1. 추가 노드: 추가 하위 노드: node. appendChild (oNode) / / oNode 는 새로 추 가 된 노드 핸들 입 니 다. 예: node. appendChild (new node) 응용 탭 노드 node. applyElment (oNode, sWhere)/ / onode 는 새로 추 가 된 노드 핸들 입 니 다. sWhere 에는 두 개의 값 이 있 습 니 다. outside / inside, 현재 노드 밖 에 추가 할 지, 안에 노드 inode 를 삽입 할 지. insert Before () node. insert AdjacentElement () node. replaceAdjacentText () 2, 수정 노드: 노드 node. remove () node. removeChild () node. removeNode () 교체 노드 node. replaceChild () node. replaceNode ()node. swapNode () 2, 복제 노드: 복제 복제 복제 노드 인용 node. cloneNode (bAll) / / bAll 은 불 값, true / false 는 이 노드 의 모든 하위 노드 를 복제 하 는 지 여부 3, 노드 정보 가 특정한 노드 node. contains () 에 하위 노드 가 있 는 지 여부 node. hasChildNodes () * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 아래 는 javascript 작업 xml

 
  
 
  <br><!-- 
  <br>var doc = new ActiveXObject("Msxml2.DOMDocument"); //ie5.5+,CreateObject("Microsoft.XMLDOM") 
  <br>//     
  <br>//doc.load("b.xml"); 
  <br>//      
  <br>var p = doc.createProcessingInstruction("xml","version='1.0' encoding='gb2312'"); 
  <br>//      
  <br>doc.appendChild(p); 
  <br>//             
  <br>//var root = doc.documentElement; 
  <br>//          
  <br>// var root = doc.createElement("students"); 
  <br>var root = doc.createNode(1,"students",""); 
  <br>//      
  <br>var n = doc.createNode(1,"ttyp",""); 
  <br>//        
  <br>//n.text = " this is a test"; 
  <br>//      
  <br>var o = doc.createElement("sex"); 
  <br>o.text = " "; //      
  <br>//     
  <br>var r = doc.createAttribute("id"); 
  <br>r.value="test"; 
  <br>//     
  <br>n.setAttributeNode(r); 
  <br>//        
  <br>var r1 = doc.createAttribute("class"); 
  <br>r1.value="tt"; 
  <br>//     
  <br>n.setAttributeNode(r1); 
  <br>//        
  <br>n.removeAttribute("class"); 
  <br>//      
  <br>n.appendChild(o); 
  <br>//       
  <br>n.appendChild(doc.createTextNode("this is a text node.")); 
  <br>//     
  <br>n.appendChild(doc.createComment("this is a comment
")); 
  <br>//      
  <br>root.appendChild(n); 
  <br>//     
  <br>var m = n.cloneNode(true); 
  <br>root.appendChild(m); 
  <br>//     
  <br>root.removeChild(root.childNodes(0)); 
  <br>//      
  <br>var c = doc.createCDATASection("this is a cdata"); 
  <br>c.text = "hi,cdata"; 
  <br>//      
  <br>root.appendChild(c); 
  <br>//      
  <br>doc.appendChild(root); 
  <br>//     
  <br>var a = doc.getElementsByTagName("ttyp"); 
  <br>//var a = doc.selectNodes("//ttyp"); 
  <br>//         
  <br>for(var i= 0;i<a.length;i++) 
  <br>{ 
  <br>alert(a[i].xml); 
  <br>for(var j=0;j<a[i].attributes.length;j++) 
  <br>{ 
  <br>alert(a[i].attributes[j].name); 
  <br>} 
  <br>} 
  <br>//    ,  XPATH     
  <br>var b = doc.selectSingleNode("//ttyp/sex"); 
  <br>b.text = " "; 
  <br>//alert(doc.xml); 
  <br>//XML  （      ，    FSO） 
  <br>//doc.save(); 
  <br>//     XML 
  <br>if(n) 
  <br>{ 
  <br>alert(n.ownerDocument.xml); 
  <br>} 
  <br>//--> 
  <br>