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

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

WBOY
WBOY원래의
2016-05-16 18:43:141475검색
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>