text 메서드

text 메서드를 사용하면 요소의 텍스트를 하위 요소를 포함하여 가져오거나 변경할 수 있습니다.

문법

텍스트 가져오기:

javascript$(selector).text();

텍스트 변경하기:

javascript$(selector).text(new text);

선택한 요소의 내용을 사용자 정의 함수가 반환한 값으로 교체합니다. 함수는 선택된 각 요소에 대해 개별적으로 호출됩니다. 호출 시 다음 매개변수가 전달됩니다: index — 집합 내 요소의 위치, value — 현재 text 내용:

javascript$(selector).text(function(index in set, current element content));

예제

우리 단락의 내용을 화면에 출력해 봅시다:

html<p id="test">text</p>
javascriptlet text = $('#test').text();
alert(text);

함께 보기

  • html 메서드,
    태그와 함께 요소의 텍스트를 가져올 수 있게 합니다
  • JavaScript 속성 outerHTML,
    순수 JavaScript로 요소의 텍스트를 태그와 함께 변경할 수 있습니다
  • JavaScript 속성 innerHTML,
    순수 JavaScript로 요소의 텍스트를 변경할 수 있습니다