DOM 생성 노드
XML DOM 노드 만들기
사용해 보기 - 예
다음 예에서는 XML 파일 books.xml을 사용합니다.
외부 JavaScript에 있는 loadXMLDoc() 함수는 XML 파일을 로드하는 데 사용됩니다.
요소 노드 생성
이 예제에서는 createElement()를 사용하여 새 요소 노드를 생성하고,appendChild()를 사용하여 노드에 추가합니다.
createAttribute를 사용하여 속성 노드 생성
이 예에서는 createAttribute()를 사용하여 새 속성 노드를 생성하고 setAttributeNode()를 사용하여 이를 요소에 삽입합니다.
setAttribute를 사용하여 속성 노드 생성
이 예에서는 setAttribute()를 사용하여 요소에 대한 새 속성을 생성합니다.
텍스트 노드 만들기
이 예제에서는 createTextNode()를 사용하여 새 텍스트 노드를 만들고,appendChild()를 사용하여 요소에 추가합니다.
CDATA 섹션 노드 생성
이 예에서는 createCDATAsection()을 사용하여 CDATA 섹션 노드를 생성하고,appendChild()를 사용하여 요소에 추가합니다.
주석 노드 생성
이 예제에서는 createComment()를 사용하여 주석 노드를 생성하고 appendChild()를 사용하여 요소에 추가합니다.
새 요소 노드 생성
createElement() 메서드는 새 요소 노드를 생성합니다:
Instance
<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js">
</script>
</head>
<body>
<script>
xmlDoc=loadXMLDoc("books.xml");
newel=xmlDoc.createElement("edition");
x=xmlDoc.getElementsByTagName("book")[0];
x.appendChild(newel);
document.write(x.getElementsByTagName("edition")[0].nodeName);
</script>
</body>
</html>인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
인스턴스 설명:
loadXMLDoc()을 사용하면 "books.xml"이 xmlDoc
첫 번째 요소 노드인 <edition>
으로 생성됩니다. <book> 요소는 이 요소 노드를 추가합니다
모든 <book> 요소에 요소를 추가합니다.
새로 만들기 속성 노드
createAttribute()는 새 속성 노드를 생성하는 데 사용됩니다.
Instance
<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js">
</script>
</head>
<body>
<script>
xmlDoc=loadXMLDoc("books.xml");
newatt=xmlDoc.createAttribute("edition");
newatt.nodeValue="first";
x=xmlDoc.getElementsByTagName("title");
x[0].setAttributeNode(newatt);
document.write("Edition: ");
document.write(x[0].getAttribute("edition"));
</script>
</body>
</html>인스턴스 실행 »
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
예제 설명:
loadXMLDoc()을 사용하여 "books.xml"을 xmlDoc에 로드
새 속성 노드 만들기 " edition"
속성 노드의 값을 "first"로 설정
이 새 속성을 첫 번째 <title> 요소 노드에 추가하세요.
은 모든 <title> 요소를 반복하고 새 속성 노드를 추가합니다.
참고: 속성이 이미 존재하는 경우 , 새 속성으로 대체됩니다.
속성을 생성하려면 setAttribute()를 사용하세요
속성이 존재하지 않는 경우 setAttribute() 메서드를 사용하면 새 속성을 생성할 수 있으므로 이 메서드를 사용하여 새 속성을 생성할 수 있습니다. .
인스턴스
<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js">
</script>
</head>
<body>
<script>
xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName("title");
x[0].setAttribute("edition","first");
document.write("Edition: ");
document.write(x[0].getAttribute("edition"));
</script>
</body>
</html>인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
예제 설명:
loadXMLDoc()을 사용하여 "books.xml"을 xmlDoc에 로드합니다.
은 first < book> 요소는 "first" 값으로 "edition" 속성을 설정(생성)합니다.
모든 <title> 요소를 반복하고 새로운 속성을 추가합니다.
텍스트 노드 생성
createTextNode() 메서드는 새 텍스트 노드를 생성합니다:
Instance
<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js">
</script>
</head>
<body>
<script>
xmlDoc=loadXMLDoc("books.xml");
newel=xmlDoc.createElement("edition");
newtext=xmlDoc.createTextNode("first");
newel.appendChild(newtext);
x=xmlDoc.getElementsByTagName("book")[0];
x.appendChild(newel);
//Output title and edition
document.write(x.getElementsByTagName("title")[0].childNodes[0].nodeValue);
document.write(" - Edition: ");
document.write(x.getElementsByTagName("edition")[0].childNodes[0].nodeValue);
</script>
</body>
</html>예제 실행»
온라인 예제를 보려면 "예제 실행" 버튼을 클릭하세요.
예제 설명:
-
loadXMLDoc()을 사용하여 "books.xml"을 넣습니다. xmlDoc 로드
새 요소 노드 만들기<edition>
텍스트가 "첫 번째"인 새 텍스트 노드
이 요소 노드에 새 텍스트 노드를 추가합니다.
첫 번째 요소 노드에 새 요소 노드를 추가합니다. <book> 요소
모든 <book> 요소에 텍스트 노드가 있는 요소 노드를 추가해 보세요.
CDATA 섹션 노드 만들기
createCDATASection() 메서드는 새 CDATA 섹션 노드를 생성합니다.
인스턴스
<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js"></script>
</head>
<body>
<script>
xmlDoc=loadXMLDoc("books.xml");
newCDATA=xmlDoc.createCDATASection("Special Offer & Book Sale");
x=xmlDoc.getElementsByTagName("book")[0];
x.appendChild(newCDATA);
document.write(x.lastChild.nodeValue);
</script>
</body>
</html>인스턴스 실행 »
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
예제 설명:
loadXMLDoc()을 사용하여 "books.xml"을 xmlDoc에 로드
새 CDATA 섹션 노드 만들기
은 이 새로운 CDATA 섹션을 첫 번째 <book> 요소 노드에 추가합니다.
는 모든 <book> 요소를 탐색하고 추가합니다. CDATA 섹션: 사용해 보세요
Create Comment Node
createComment() 메소드는 새 댓글 노드를 생성합니다.
인스턴스
<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js"></script>
</head>
<body>
<script>
xmlDoc=loadXMLDoc("books.xml");
newComment=xmlDoc.createComment("Revised April 2008");
x=xmlDoc.getElementsByTagName("book")[0];
x.appendChild(newComment);
document.write(x.lastChild.nodeValue);
</script>
</body>
</html>인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
예제 설명:
loadXMLDoc()을 사용하여 "books.xml"을 xmlDoc에 로드
새 만들기 comment 노드
이 새 comment 노드를 첫 번째 <book> 요소에 추가합니다.
루프하고 모든 <book> 요소에 추가합니다. 댓글 노드: 사용해 보세요
