note

문서 객체 연결 / appendChild() 본문

JavaScript/기본

문서 객체 연결 / appendChild()

투한 2012. 3. 16. 09:41 





<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
	window.onload = function(){
		//변수를 선언합니다.
		var header = document.createElement('h1');
		var textNode = document.createTextNode('Hello DOM');
		//노드를 연결합니다.
		header.appendChild(textNode);
		document.body.appendChild(header);
	};
</script>
</head>
<body>

</body>
</html>


header와 textNode를 생성뒤 appendChild로 연결




저작자표시 비영리 변경금지 (새창열림)

'JavaScript > 기본' 카테고리의 다른 글

getElementsByTagName()메서드  (0) 2012.03.16
문서 객체의 속성 지정  (0) 2012.03.16
innerHTML 속성을 사용한 문서 객체 생성  (0) 2012.03.16
문서 객체 배열의 사용  (0) 2012.03.16
타이머 정지 메서드  (0) 2012.03.15
'JavaScript/기본' Related Articles more