> 웹 프론트엔드 > JS 튜토리얼 > js는 html() 및 text() 메서드를 통해 p 태그의 표시 값을 얻고 설정합니다.

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

不言
풀어 주다: 2018-05-07 16:09:54
원래의
3543명이 탐색했습니다.

이 글에서는 주로 html()과 text() 메소드를 통해 p 태그의 표시값을 구하고 설정하는 js를 소개합니다. 필요한 친구는

html() 메소드를 참고할 수 있습니다.

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

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

var p_html = $("p").html(); //获取p元素的HTML代码
로그인 후 복사

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

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

//设置p元素的HTML代码 
$("p").html("欢迎您访问简明现代魔法图书馆~~");
로그인 후 복사

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

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

var p_text = $("p").text(); //获取p元素的文本内容
로그인 후 복사

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

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

// 设置p元素的文本内容 
$("p").text("欢迎您访问简明现代魔法图书馆~~");
로그인 후 복사

다음 두 가지 사항에 유의하세요.
JavaScript의 innerText 속성은 Firefox 브라우저에서 실행되며 jQuery의 text( ) 메소드는 모든 브라우저를 지원합니다.
text() 메서드는 HTML 문서와 XML 문서 모두에 유효합니다.
친구 목록을 표시할 때 친구 이름을 표시하는

요소에

를 설정하세요. js 파일

요소의 ID는 text() 메소드 $("#p"+userId).text(name);

를 통해 동적으로 획득하고 성공적으로 할당할 수 있습니다.

위 내용은 js는 html() 및 text() 메서드를 통해 p 태그의 표시 값을 얻고 설정합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿