js는 html() 및 text() 메소드_javascript 기술을 통해 p 태그의 표시 값을 얻고 설정합니다.

html() 메서드

이 메서드는 JavaScript의 innerHTML 속성과 유사하며 요소의 HTML 콘텐츠를 읽거나 설정하는 데 사용할 수 있습니다. 요소의 콘텐츠를 얻으려면 다음을 수행할 수 있습니다.

코드 복사 코드는 다음과 같습니다.

var p_html = $("p").html(); //p 요소의 HTML 코드 가져오기

특정 요소의 HTML 코드를 설정해야 하는 경우 , 이 방법을 사용할 수도 있지만 이를 설정해야 합니다. 매개변수를 전달합니다. 예를 들어 p 요소의 HTML 코드를 설정하려면 다음 코드를 사용할 수 있습니다.

코드 복사 코드는 다음과 같습니다.

//p 요소의 HTML 코드 설정
$("p").html("Welcome to the Concise Modern Magic Library~~");

참고: html() 이 메소드는 XHTML 문서에는 사용할 수 있지만 XML 문서에는 사용할 수 없습니다.


text() 메소드
이 메소드는 JavaScript의 innerText 속성과 유사하며 요소의 텍스트 내용을 읽거나 설정하는 데 사용할 수 있습니다. 계속해서 위의 HTML 코드를 사용하고 text() 메서드를 사용하여 p 요소에 대해 작업합니다.

코드 복사 코드

var p_text = $("p").text() //p 요소의 텍스트 내용 가져오기

html과 동일 () 메서드를 사용하여 요소 텍스트 콘텐츠에 대해 설정해야 하는 경우 매개변수도 전달해야 합니다. 예를 들어 p 요소에 대한 텍스트 내용을 설정하려면 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다. 다음과 같습니다:

/ / p 요소의 텍스트 내용 설정
$("p").text("Welcome to the Concise Modern Magic Library~~"); 🎜>
다음 두 가지 사항에 유의하세요.

JavaScript의 innerText 속성은 Firefox 브라우저에서 실행할 수 없지만 jQuery의 text() 메서드는 모든 브라우저를 지원합니다.
text() 메소드는 HTML 문서와 XML 문서 모두에 유효합니다.

친구 목록 표시 시 친구 이름을 표시하는

요소에

, js 파일이

요소의 ID를 동적으로 획득하고 text()를 통해 $("#p" userId).text(name); 방법.