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);