>웹 프론트엔드 >JS 튜토리얼 >Node.js는 html() 또는 text() 메서드를 사용하여 p tag_javascript 기술의 표시된 값을 얻습니다.

Node.js는 html() 또는 text() 메서드를 사용하여 p tag_javascript 기술의 표시된 값을 얻습니다.

WBOY
WBOY원래의
2016-05-16 16:40:361798검색

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 문서 모두에 유효합니다.

친구 목록을 표시할 때 친구 이름을 표시하는 e388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3 요소에 0902c5e87743c2c26b0dd04c4b8b3f6694b3e26ee717c64999d7867364b1b4a3를 설정합니다. 이 js와 같이 파일은 e388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3 요소의 ID를 동적으로 얻을 수 있으며 text() 메서드를 통해 값을 성공적으로 할당할 수 있습니다. $("#p" userId).text(name);

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.