jQuery set innerText (), innerHtml (), textContent ()

코어 포인트

jQuery는 JavaScript와 결합하여 새 텍스트, 이미지, 코드 등을 포함하여 HTML 요소의 텍스트 내용을 수정할 수 있습니다. 이 기사는 세 가지 jQuery 함수의 , 및 에 중점을 둡니다.

는 라인 브레이크를 포함하여 요소의 시작 레이블과 끝 레이블 사이에 텍스트를 읽고 씁니다.
• innerText() 기능에는 Newline 문제가 있습니다. 함수와 같은 두 단락 사이에 최신 라인이 표시되지 않습니다. 이 기능은 Firefox, Chrome 및 Opera에서 지원하지만 Internet Explorer는 지원하지 않습니다. innerHTML() textContent()
및
• 는 HTML 요소의 내용을 조작하는 데 사용되지만 jQuery에서 다르게 작동합니다. 요소의 HTML 컨텐츠를 가져 오거나 설정하고 HTML 문자열을 구문 분석하고 innerText() html로 렌더링하여 HTML 태그를 일반 텍스트로 표시합니다. innerHTML() textContent() jQuery는 JavaScript와 함께 HTML 요소의 텍스트 내용을 수정하고 텍스트, 이미지, 코드 또는 원하는 것과 같은 새 컨텐츠를 포함하도록 설정할 수 있습니다. 다음 JavaScript 기능을 자세히 소개하고 사용 방법, 타이밍 및 해당 시나리오를 보여줍니다. 이 기사는 다음 jQuery 함수를 다룹니다.
• jQuery textContent() 함수 innerText() 문법 :
• 함수 : javaScript는 속성을 읽고 씁니다. 요소의 시작 레이블과 엔드 레이블 사이에 텍스트를 지정합니다. innerText innerHTML 동작 : innerHTML 라인 브레이크를 포함합니다. innerText 브라우저 호환성 :

테스트 한 모든 브라우저에서 제대로 작동합니다.

기본 예 : innerText() innerHTML() JavaScript textContent() function

문법 :

innerText() // IE 만 함수 : 기본 JavaScript 함수 페이지 요소 내에서 HTML을 변경합니다.

행동 :

신생을 제거하십시오. 브라우저 호환성 : 모든 브라우저에서 지원됩니다. document.elementID.innerText = value 기본 예 :

고급 예 : 태그를 로 교체하여 와 유사하게 작동하는지 확인하고 마지막 는 모든 HTML 태그를 제거하는 정규 표현식입니다.

<p>段落内文本</p>

jQuery 함수 textContent() 문법 :

함수 :

jQuery의 Firefox 함수, 페이지 요소의 텍스트를 변경하는 데 사용됩니다. 행동 : 신생을 제거하십시오.

브라우저 호환성 : Firefox는 자체 속성을 ​​가지고 있으며 Chrome과 Opera에서도 지원하지만 즉, IE는이를 지원하지 않습니다!

<p>段落内文本</p>

기본 예 : 다음 HTML 스 니펫이 주어지면

라인 브레이크 캐릭터 문제 "para1"과 "para2"는 중간에 줄이 끊어 지지만 는 표시되지 않습니다. // IE/innerText () : para1 para2 // ff/textContent () : para1para2

모든 기능을 테스트하고 하나를 선택하기위한 HTML/JS 코드!

페이지 요소를 변경하는 데 사용할 수있는 다른 jQuery 함수 :

, , , , , textContent, , , ,

, , . <div id="divA">这是一些文本</div>

(다음은 복제를 피하기 위해 원본 텍스트에 따라 다시 작성 및 간소화 된 FAQ 부분입니다)

위 내용은 jQuery set innerText (), innerHtml (), textContent ()의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!