Javascript & JQuery & CSS

.html()은 선택한 요소 안의 내용을 담거나, 다른 내용으로 바꿉니다.

HTML 태그를 포함하여 선택한 요소 안의 내용을 담으려면 다음과 같이 합니다.

.html()

이전 내용을 지우고 새로운 내용을 넣으려면 다음과 같이 합니다.

.html(htmlString)

div 태그 안의 내용을 저장하고 그 내용을 출력하는 예제입니다. div 태그가 여러개 있으면 첫번째 태그의 내용을 저장합니다. h1 태그까지 함께 저장한다는 것에 주의합니다.
 

			$(document).ready(function() {
				var myString = $("div").html();
				alert( myString );
			});

			<div>
			  <h1>div_test 내용 입니다.</h1>
			</div>
			<div>
			  <h1>Aenean nec mollis.</h1>
			</div>

위 버튼을 눌러보시면 아시겠지만, div_test 내용을 모두 읽어보는걸 확인 하실 수 있습니다.