UX·UI - FrontEnd Dev. Story

프론트엔드/Javascript

[jQuery] 기존 요소의 내부 컨텐츠 변경 - .html() VS .text() 차이점

클로이겅쥬 2021. 1. 21. 17:36
반응형

 

 

 

다음 이 두가지[ .html() / .text() ]메소드를 사용하면 기존 요소의 내부에

새로운 요소나 컨텐츠를 반환하거나 설정 가능하다.

 

메소드 설명
.html() 해당 요소의 HTML 콘텐츠를 반환하거나 설정
.text() 해당 요소의 텍스트 콘텐츠를 반환하거나 설정

 

 

1) .html() 메소드

선택한 요소의 내용을 새로운 HTML 요소로 변경 가능하다.

ex)

.wrap { color: blue; }
<p>안녕하세요.</p>
$("p").html("<div class='wrap'>Chloe 입니다.</div>");

 

 

2) .text() 메소드

 

선택한 요소의 내용을 새로운 단순 text로 변경 가능하다.

.wrap { color: blue; }
<p>안녕하세요.</p>
$("p").text("<div class='wrap'>Chloe 입니다.</div>");

 

 

 

반응형