XML 학습 (2) XML 문서의 DOM 연산에 대한 자세한 설명-XML/RSS 튜토리얼-php.cn

집

백엔드 개발

XML/RSS 튜토리얼

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

黄舟

Mar 20, 2017 pm 04:56 PM

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()	문서 트리에서 지정된 하위 노드를 제거하고 반환합니다. , 다른 노드로 교체하세요.

요소 값 가져오기

다음 코드는 첫 번째

요소: <pre class='brush:php;toolbar:false;'>x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];txt=x.nodeValue; //其实应该先判断节点是否存在</pre>결과: txt = "Harry Potter" <h2 id="속성-값-가져오기">속성 값 가져오기</h2> 다음 코드는 첫 번째 <의 "<a href="http://www.php.cn/java/java-ymp-Lang.html" target="_blank">lang 요소 🎜>" 속성의 텍스트 값: </a><pre class='brush:php;toolbar:false;'>txt=xmlDoc.getElementsByTagName("title")[0].getAttribute("lang");</pre> 결과: txt = "en"요소 값 변경<h2></h2>다음 코드는 첫 번째 <title> 요소 텍스트 값: <pre class='brush:php;toolbar:false;'>x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];x.nodeValue="Easy Cooking";</pre>속성 값 변경<h2></h2>setAttribute() 메소드를 사용하여 기존 속성 값을 변경하거나 새 속성을 생성할 수 있습니다. . 다음 코드는 "edition"("first" 값 포함)이라는 새 속성을 각 <book> 요소에 추가합니다. <pre class='brush:php;toolbar:false;'>x=xmlDoc.getElementsByTagName("book");for(i=0;i<x.length;i++) { x[i].setAttribute("edition","first"); }</pre>요소 만들기 <h2></h2> createElement() 메서드는 새 요소 노드를 생성합니다. createTextNode() 메서드는 새 텍스트 노드를 생성합니다. appendChild() 메서드는 하위 노드를 노드에 추가합니다(마지막 하위 노드 다음). 텍스트 콘텐츠가 포함된 새 요소를 생성해야 하는 경우 요소 노드와 텍스트 노드를 동시에 생성해야 합니다. 다음 코드는 요소(<edition>)를 생성한 다음 이를 첫 번째 <book> 요소에 추가합니다. <pre class='brush:php;toolbar:false;'>newel=xmlDoc.createElement("edition");</pre><pre class='brush:php;toolbar:false;'>newtext=xmlDoc.createTextNode("First");</pre><pre class='brush:php;toolbar:false;'>newel.appendChild(newtext);</pre><pre class='brush:php;toolbar:false;'>x=xmlDoc.getElementsByTagName("book");x[0].appendChild(newel);</pre>예제 설명: <h3></h3> <ol class=" list-paddingleft-2"> <li><edition> 요소 생성 </edition></li> <li>값이 "First"인 텍스트 노드 생성 </li> <li>다음 텍스트 노드 추가 <edition> 요소 </edition> </li> <li>첫 번째 <book> 요소에 <edition> 요소 추가 </edition></book> </li>요소 삭제</ol> <h2 id="removeChild-메소드는-지정된-노드-또는-요소-를-삭제합니다">removeChild() 메소드는 지정된 노드(또는 요소)를 삭제합니다. </h2> 다음 코드 조각은 첫 번째 <book> 요소에서 첫 번째 노드를 삭제합니다. </book><pre class='brush:php;toolbar:false;'>x=xmlDoc.getElementsByTagName("book")[0];x.removeChild(x.childNodes[0]);</pre>예제 코드<pre class='brush:php;toolbar:false;'><html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script type="text/<a href="http://www.php.cn/wiki/48.html" target="_blank">javascript</a>"> function parseXML() { try //Internet Explorer { xmlDoc = new ActiveX<a href="http://www.php.cn/wiki/60.html" target="_blank">Object</a>("Microsoft.XMLDOM"); } catch (e) { try //Firefox, Mozilla, Opera, etc. { xmlDoc = document.implementation.createDocument("", "", null); } catch (e) { alert(e.message); <a href="http://www.php.cn/wiki/135.html" target="_blank">return</a>; } } xmlDoc.async = false; //假如xml载入完毕执行以下 xmlDoc.load("note.xml"); var x = xmlDoc.getElementsByTagName("to"); // xmlDoc.getElementsByTagName("to")[0].setAttribute("<a href="http://www.php.cn/wiki/1255.html" target="_blank">date</a>") = "1515"; //设置属性值 // xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue = "tiewang"; //设置文本节点值 // //<a href="http://www.php.cn/code/6276.html" target="_blank">循环</a>修改 // for (i = 0; i < x.length; i++) { // if (x[i].childNodes[0] == null) { //如果不存在问题，则添加 // newText1 = xmlDoc.createTextNode("af"); // x[i].appendChild(newText1); // } // x[i].childNodes[0].nodeValue = "af"; // } // //循环添加 //注意，如果把create放在<a href="http://www.php.cn/code/5913.html" target="_blank">for循环</a>外面，则只能添加到最后一个，需要放在for里面 for (i = 0; i < x.length; i++) { if (x[i].getElementsByTagName("too")[0] == null) { newElemenet = xmlDoc.createElement("too"); newText = xmlDoc.createTextNode("logo"); newElemenet.setAttribute("id", "1"); newElemenet.appendChild(newText); x[i].appendChild(newElemenet); } } // //循环删除 // for (i = 0; i < x.length; i++) { // if (x[i].getElementsByTagName("too")[0] != null) { // x[i].removeChild(x[i].getElementsByTagName("too")[0]); // } // } 　　　　 　　　　　　//删除to -> too 节点中的ID属性 for (i = 0; i < x.length; i++) { if (x[i].getElementsByTagName("too")[0] != null) { if (x[i].getElementsByTagName("too")[0].getAttribute("id")!=null) { x[i].getElementsByTagName("too")[0].removeAttribute("id"); } } } var xmlHttp; try { // Firefox, Opera 8.0+, Safari xmlHttp = new XMLHttpRequest(); } catch (e) { // Internet Explorer try { xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) { alert("您的浏览器不支持AJAX！"); return false; } } } xmlHttp.onreadystatechange = function() { //onreadystatechange 属性存有处理服务器响应的<a href="http://www.php.cn/wiki/145.html" target="_blank">函数</a> if (xmlHttp.readyState == 4) { //readyState 属性存有服务器响应的<a href="http://www.php.cn/code/8243.html" target="_blank">状态</a>信息 document.getElementById("to").innerHTML = xmlHttp.responseText; //通过 responseText 属性来取回由服务器返回的数据 } } xmlHttp.open("POST", "receive.<a href="http://www.php.cn/wiki/1519.html" target="_blank">asp</a>x?type=xmlsave", true); // open() 方法需要三个参数。第一个参数定义发送请求所使用的方法（GET 还是 POST）。第二个参数规定服务器端脚本的 URL。第三个参数规定应当对请求进行异步地处理。 xmlHttp.send(xmlDoc); //send() 方法可将请求送往服务器 } </script> </head> <body <a href="http://www.php.cn/wiki/1467.html" target="_blank">onload</a>="parseXML()"> <form id="form1" runat="server"> <p> <h1 id = "to"></h1> <h1 id ="value"></h1> </p> </form> </body> </html></pre><h2> </h2></book></edition></book>

위 내용은 XML 학습 (2) XML 문서의 DOM 연산에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

AI 옷 제거제

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

Eclipse용 SAP NetWeaver 서버 어댑터

Eclipse를 SAP NetWeaver 애플리케이션 서버와 통합합니다.

WebStorm Mac 버전

유용한 JavaScript 개발 도구

SublimeText3 Linux 새 버전

SublimeText3 Linux 최신 버전

MinGW - Windows용 미니멀리스트 GNU

이 프로젝트는 osdn.net/projects/mingw로 마이그레이션되는 중입니다. 계속해서 그곳에서 우리를 팔로우할 수 있습니다. MinGW: GCC(GNU Compiler Collection)의 기본 Windows 포트로, 기본 Windows 애플리케이션을 구축하기 위한 무료 배포 가능 가져오기 라이브러리 및 헤더 파일로 C99 기능을 지원하는 MSVC 런타임에 대한 확장이 포함되어 있습니다. 모든 MinGW 소프트웨어는 64비트 Windows 플랫폼에서 실행될 수 있습니다.