innerHTML 속성

Javascript 2012. 4. 6. 12:00

innerHTML 속성

innerHTML 속성은 해당 엘리먼트 내부의 모든 HTML과 TEXT를(XML DOM 제외) 가져올 수 있는 엘리먼트 객체의 맴버입니다.

또한, innerHTML 은 속도가 매우 빠르다는 장점이 있으며, 단점으로는 표현에 대한 명확한 표준이 없어서 각 브라우저마다 전부 다르게 표현하고 있다는 것입니다.

아래는 현재 브라우저 버전을 기준으로 innerHTML 속성의 반환 값이 각 브라우저에서 어떻게 표현되고 있는지 테스트해 본

결과입니다.

소스코드:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 
Transitional//EN">

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

<META NAME="Generator" CONTENT="EditPlus">

<META NAME="Author" CONTENT="">

<META NAME="Keywords" CONTENT="">

<META NAME="Description" CONTENT="">

<style type="text/css">

/*<![CDATA*/

    html { color: red; }

/*]]>*/

</style>

<!-- Defer 
-->

</HEAD>

<BODY>

<script type="text/javascript">

//<![CDATA

    alert(document.documentElement.innerHTML);

//]]>

</script>

</BODY>

</HTML>