> 웹 프론트엔드 > JS 튜토리얼 > innerhtml 사용법 innertext 사용법 및 innerHTML과 innertext_javascript 기술의 차이점

innerhtml 사용법 innertext 사용법 및 innerHTML과 innertext_javascript 기술의 차이점

WBOY
풀어 주다: 2016-05-16 18:43:14
원래의
1538명이 탐색했습니다.
test.innerHTML:
즉, Html 태그를 포함하여 개체의 시작 위치부터 끝 ​​위치까지의 전체 콘텐츠입니다.
위 예에서 test.innerHTML 값은 "test1 test2 "입니다.
test.innerText:
시작 위치부터 끝 ​​위치까지 내용이 있지만 Html 태그가 제거되었습니다.
위 예에서 text.innerTest 값은 "test1 test2"입니다. , 스팬 태그가 제거되었습니다.
test.outerHTML:
innerHTML의 전체 내용을 포함하는 것 외에도 객체 태그 자체도 포함합니다.
위 예의 text.outerHTML 값은
test1 test2
예:

코드 복사 코드는 다음과 같습니다.
특별 참고 사항:
innerHTML은 W3C 표준을 준수하는 속성인 반면 innerText는 IE 브라우저에만 적용 가능하므로 innerHTML을 최대한 사용하세요. HTML 태그 없이 콘텐츠를 출력하려면 innerHTML을 사용하여 HTML 태그가 포함된 콘텐츠를 가져온 다음 정규식을 사용하여 HTML 태그를 제거하면 됩니다. 표준:
HTML 없음, 다음을 준수함 W3C 표준
코드 복사 코드는 다음과 같습니다.

src="1.html"> ;
<프레임 이름="bottom" src="2.html">
html>


아무것도


>



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