상세 컨텐츠

본문 제목

JavaScript - jQuery 태그생성, 자식태그 추가. append()

개발/JavaScript

by 뉴에이스 2020. 8. 19. 16:15

본문

태그 생성하고 추가하기
document.createElement(태그명) -> $(태그명)
appendChild -> append

 

HTML 소스

<button>태그 추가하기</button>
<div></div>
<div></div>

 

스크립트 소스

<script>
	$("button")[0].addEventListener("click", function () {
		/*
	var h1Obj = $("<h1>").text("동적 태그 생성");
	$("div").append(h1Obj);
	*/
		$("div").append($("<h1>").text("동적 태그 생성"));
	});
</script>

 

결과

관련글 더보기

댓글 영역