DOM 가져오기 노드
XML DOM 노드 값 가져오기
nodeValue 속성은 노드의 텍스트 값을 가져오는 데 사용됩니다.
getAttribute() 메소드는 속성 값을 반환합니다.
요소 값 가져오기
DOM에서 각 구성 요소는 노드입니다. 요소 노드에는 텍스트 값이 없습니다.
요소 노드의 텍스트는 하위 노드에 저장됩니다. 이 노드를 텍스트 노드라고 합니다.
요소 텍스트를 가져오는 방법은 이 하위 노드(텍스트 노드)의 값을 가져오는 것입니다.
요소 값 가져오기
getElementsByTagName() 메서드는 지정된 태그 이름을 가진 모든 요소가 소스 문서에 나타나는 순서대로 포함된 노드 목록을 반환합니다.
다음 코드는 "books.xml"을 xmlDoc에 로드하고 loadXMLDoc()을 사용하여 첫 번째 <title> 요소를 검색합니다.
x=xmlDoc.getElementsByTagName("title")[0];
childNodes 속성은 하위 노드 목록을 반환합니다. <title> 요소에는 하위 노드가 하나만 있습니다. 텍스트 노드입니다.
다음 코드는 <title> 요소의 텍스트 노드를 검색합니다.
y=x .childNodes [0];
nodeValue 속성은 텍스트 노드의 텍스트 값을 반환합니다:
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>你好世界!</p>
<div id="main">
<p> DOM 是非常有用的。</p>
<p>该实例展示了 <b>getElementsByTagName</b> 方法</p>
</div>
<script>
var x=document.getElementById("main");
var y=x.getElementsByTagName("p");
document.write('id="main"元素中的第一个段落为：' + y[0].innerHTML);
</script>
</body>
</html>인스턴스 실행 »
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
결과: txt = "Everyday Italian"
속성 값 가져오기
DOM에서는 속성도 노드입니다. 요소 노드와 달리 속성 노드에는 텍스트 값이 있습니다.
속성 값을 가져오는 방법은 해당 텍스트 값을 가져오는 것입니다.
이 작업은 getAttribute() 메서드나 속성 노드의 nodeValue 속성을 사용하여 수행할 수 있습니다.
속성 값 가져오기 - getAttribute()
getAttribute() 메소드는 값 속성을 반환합니다.
다음 코드는 첫 번째 <title> 요소의 "lang" 속성의 텍스트 값을 검색합니다.
예
<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js">
</script>
</head>
<body>
<script>
xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName('book');
for (i=0;i<x.length;i++)
{
document.write(x[i].getAttribute('category'));
document.write("<br>");
}
</script>
</body>
</html>인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
결과: txt = "en"
예제 설명:
loadXMLDoc()을 사용하여 "books.xml"을 xmlDoc에 로드합니다.
txt 변수를 첫 번째 제목 요소 노드의 "lang" 속성 값으로 설정
모든 <book> 카테고리" 속성:
을 시도하여 속성 값을 가져옵니다. getAttributeNode()
getAttributeNode() 메서드는 노드 속성을 반환합니다.
다음 코드는 첫 번째 <title> 요소의 "lang" 속성의 텍스트 값을 검색합니다.
예
<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js">
</script>
</head>
<body>
<script>
xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName("title")[0].getAttributeNode("lang");
txt=x.nodeValue;
document.write(txt);
</script>
</body>
</html>인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
결과: txt = "en"
인스턴스 설명:
loadXMLDoc()을 사용하여 "books.xml"을 xmlDoc에 로드합니다.
첫 번째 <title> 요소 노드 노드
는 txt 변수를
속성의 값으로 설정하고 모든 <book> " 속성: 사용해 보세요
