appendChild
: 새로 만든 노드를 문서 트리 구조에 추가한다.
: parent 노드의 제일 마지막 요소로 추가된다.(부모 태그가 끝나기 바로전)
parent.appendChild(child)
ex)
//test.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Testing</title>
<script type="text/javascript" src="example.js"></script>
</head>
: 새로 만든 노드를 문서 트리 구조에 추가한다.
: parent 노드의 제일 마지막 요소로 추가된다.(부모 태그가 끝나기 바로전)
parent.appendChild(child)
ex)
//test.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Testing</title>
<script type="text/javascript" src="example.js"></script>
</head>
<body>
<div id="testdiv">
</div>
</body>
</html>
//example.js
window.onload = function() {
var para = document.createElement("p");
var testdiv = document.getElementById("testdiv");
testdiv.appendChild(para);
}
728x90
'웹 프로그래밍 > JAVASCRIPT' 카테고리의 다른 글
| 기존에 존재하는 요소 앞에 새 요소를 삽입하는 insertBefore 메소드 (0) | 2010.04.05 |
|---|---|
| 텍스트 노드 생성 createTextNode 메소드 (0) | 2010.04.05 |
| 문서내에 새요소를 만드는 createElement 메소드 (0) | 2010.04.05 |
| document.write, innerHTML 비추천 (0) | 2010.04.05 |
| 자바스크립트 갤러리 (0) | 2010.04.02 |