DOM 노드 정보
XML DOM 노드 정보
nodeName, nodeValue 및 nodeType 속성에는 노드에 대한 정보가 포함됩니다.
해 보세요해 보세요 - 예
아래 예에서는 books.xml XML 파일을 사용합니다.
외부 JavaScript에 있는 loadXMLDoc() 함수는 XML 파일을 로드하는 데 사용됩니다.
요소 노드의 노드 이름 가져오기
이 예에서는 nodeName 속성을 사용하여 "books.xml"에 있는 루트 요소의 노드 이름을 가져옵니다.
텍스트 노드에서 텍스트 가져오기
이 예에서는 nodeValue 속성을 사용하여 "books.xml"의 첫 번째 <title> 요소의 텍스트를 가져옵니다.
텍스트 노드의 텍스트 변경
이 예에서는 nodeValue 속성을 사용하여 "books.xml"의 첫 번째 <title> 요소 텍스트를 변경합니다.
노드 이름 및 요소 노드 유형 가져오기
이 예에서는 nodeName 및 nodeType 속성을 사용하여 "books.xml"에서 루트 요소의 노드 이름과 유형을 가져옵니다.
노드 속성
XML DOM에서 각 노드는 객체입니다.
객체에는 JavaScript를 통해 액세스하고 조작할 수 있는 메서드와 속성이 있습니다.
세 가지 중요한 노드 속성은 다음과 같습니다.
nodeName
nodeValue
nodeType
nodeName 속성
nodeName 속성은 노드의 이름을 지정합니다.
nodeName은 읽기 전용입니다
요소 노드의 nodeName은 태그 이름과 동일합니다
attribute 노드의 nodeName은 속성의 이름입니다.
텍스트 노드의 nodeName은 항상 #text
입니다. 문서 노드의 nodeName은 항상 #document
nodeValue 속성입니다.
nodeValue 속성은 노드의 값을 지정합니다.
요소 노드의 nodeValue가 정의되지 않았습니다
텍스트 노드의 nodeValue가 텍스트 자체입니다
속성 노드의 nodeValue는
Instance
<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js"></script>
</head>
<body>
<script>
xmlDoc=loadXMLDoc("books.xml");
document.write(xmlDoc.documentElement.nodeName);
</script>
</body>
</html><🎜 속성의 값입니다. >인스턴스 실행 중 »온라인 예제를 보려면 "예제 실행" 버튼을 클릭하세요
요소 값 가져오기다음 코드는 첫 번째 <title> 요소를 검색합니다. 텍스트 노드의 값:
<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js"></script>
</head>
<body>
<script>
xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];
txt=x.nodeValue;
document.write(txt);
</script>
</body>
</html>인스턴스 실행»온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
결과: txt = "Everyday Italian"
예제 설명:
loadXMLDoc()을 사용하여 "books.xml"을 xmlDoc에 로드
첫 번째 <title> 요소 노드의 텍스트 노드 가져오기
txt 변수를 텍스트 노드의 값으로 설정
요소 값 변경
다음 코드는 첫 번째 <title> 요소의 텍스트 노드 값을 변경합니다.
예
<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js"></script>
</head>
<body>
<script>
xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];
x.nodeValue="Easy Cooking";
x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];
txt=x.nodeValue;
document.write(txt);
</script>
</body>
</html>인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
인스턴스 설명:
-
loadXMLDoc()을 사용하여 "books.xml"을 xmlDoc에 로드합니다.
첫 번째 <title> 요소 노드의 텍스트 노드를 가져옵니다. 🎜>
- 텍스트 노드의 값을 "Easy Cooking"으로 변경
nodeType 속성nodeType 속성은 다음을 지정합니다. 노드의 유형. nodeType은 읽기 전용입니다. 가장 중요한 노드 유형은 다음과 같습니다.
| 节点类型 | NodeType |
|---|---|
| 元素 | 1 |
| 属性 | 2 |
| 文本 | 3 |
| 注释 | 8 |
| 文档 | 9 |
<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js"></script>
</head>
<body>
<script>
xmlDoc=loadXMLDoc("books.xml");
document.write(xmlDoc.documentElement.nodeName);
document.write("<br>");
document.write(xmlDoc.documentElement.nodeType);
</script>
</body>
</html>실행 중인 인스턴스»온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
