note

innerHTML 속성을 사용한 문서 객체 생성 본문

JavaScript/기본

innerHTML 속성을 사용한 문서 객체 생성

투한 2012. 3. 16. 09:36 





<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
	window.onload = function (){
		//변수를 선언합니다.
		var output = '';
		output += '<ul>';
		output += '<li>JavaScript</li>';
		output += '<li>jQuery</li>';
		output += '<li>Ajax</li>';
		output += '</ul>';
		//innerHTML 속성에 문자열을 할당합니다
		document.body.innerHTML = output;
	};
</script>
</head>
<body>

</body>
</html>




Body 안에 문자열을 넣는 예제


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

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

문서 객체의 속성 지정  (0) 2012.03.16
문서 객체 연결 / appendChild()  (0) 2012.03.16
문서 객체 배열의 사용  (0) 2012.03.16
타이머 정지 메서드  (0) 2012.03.15
타이머 메서드  (0) 2012.03.15
'JavaScript/기본' Related Articles more