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

html () 메소드

이 방법은 JavaScript의 InnerHTML 속성과 유사하며 요소에서 HTML 컨텐츠를 읽거나 설정하는 데 사용할 수 있습니다. 요소의 내용을 얻으려면 다음을 수행 할 수 있습니다.

코드 사본은 다음과 같습니다.

var p_html = $ ( "p"). html (); // p 요소에 대한 HTML 코드를 가져옵니다

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

코드 사본은 다음과 같습니다.

// p 요소의 HTML 코드를 설정합니다

$ ( "P"). html ( "간결한 현대 마술 도서관에 오신 것을 환영합니다 ~~");

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

텍스트 () 메소드

이 방법은 JavaScript의 InnerText 속성과 유사하며 요소의 텍스트 내용을 읽거나 처분하는 데 사용할 수 있습니다. 위의 HTML 코드를 계속 사용하고 텍스트 () 메소드를 사용하여 P 요소에서 작동합니다.

코드 사본은 다음과 같습니다.

var p_text = $ ( "p"). text (); // p 요소의 텍스트 내용을 가져옵니다

html () 메소드와 마찬가지로 특정 요소의 텍스트 내용을 설정 해야하는 경우 매개 변수도 전달해야합니다. 예를 들어, p 요소의 텍스트 내용을 설정하면 코드는 다음과 같습니다.

코드 사본은 다음과 같습니다.

// p 요소의 텍스트 내용을 설정합니다

$ ( "P"). 텍스트 ( "간결한 현대 마법 도서관에 오신 것을 환영합니다 ~~");

다음 두 지점에 주목해야합니다.

JavaScript의 내부 텍스트 속성은 Firefox 브라우저에서 실행할 수 없으며 JQuery의 Text () 메소드는 모든 브라우저를 지원합니다.

텍스트 () 메소드는 HTML 문서와 XML 문서 모두에 유효합니다.

친구 목록을 표시 할 때 : <p id = "p $ {friend.friendid}"> </p> 친구의 이름을 표시하여 js 파일이 <p> </p> 요소의 ID를 동적으로 얻을 수 있고 $ ( "#p"+userId) .Text (name);