문서 객체 생성

문서 객체 생성

텍스트 노드를 갖는 문서 객체를 생성하는 방법

$()

: 문서 객체를 생성합니다.

$() 메서드의 매개변수에 HTML 태그를 문자열로 넣기만 하면 문서 객체가 생성됩니다.

$(document).ready(function() {
	$('<h1></h1>').html('Hello World .. !').appendTo('body');
});

내용을 바로 넣을 수도 있다.

$(document).ready(function() {
	$('<h1>Hello World .. !</h1>').appendTo('body');
});

텍스트 노드를 갖지 않는 문서 객체를 생성하는 방법

$(document).ready(function() {
	$('<img />').attr('src', 'Chrysanthemum.jpg').appendTo('body');
});

$() 메서드의 두 번째 매개변수에 객체를 넣고 원하는 속성을 입력해도 됩니다.

$(document).ready(function() {
	$('<img />', {
		src: 'Chrysanthemum.jpg',
		width: 350,
		height: 250
	}).appendTo('body');
});