innerHTML 은 특정 객체안에 HTML 코드를 추가하는 경우에 사용됩니다.
비슷한 유형의로는 innerText 가 있고 기타 jQuery 를 이용한 html / text 등이 있을 수 있습니다.
<!DOCTYPE html>
<html>
<head>
<title> sjisbmoc </title>
<script type='text/javascript' src='C:\Users\KSJ\JavaScript\jquery-1.9.0.min.js'></script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function()
{
alert('document.body.innerHTML 를 이용하여 HTML 문서내에 HTML 형식의 123 이라는 문구를 추가 합니다.\nHTML 을 지원하므로 문자아 함께 Tag 도 사용이 가능 합니다.');
document.body.innerHTML = '<font color="red">123</font>';
alert('document.body.innerText 를 이용하여 문자 형식의 456 이라는 문구를 추가 합니다.\nTAG 를 함께사용할 수 없으며 사용시 문자로 인식 됩니다.');
document.body.innerText += ' 456';
alert('TextNode 로 문자열 객체를 만들어서 HTML 안에 추가 합니다.\nTAG 를 함께사용할 수 없으며 사용시 문자로 인식 됩니다.');
var txt = document.createTextNode(' ABC');
document.body.appendChild(txt);
alert('jQuery 를 이용한 HTML 문서 내부에 HTML 코드를 추가해 줍니다.');
$('body').html($('body').html()+' <font color="blue">DEF</font>');
});
//]]>
</script>
<style type='text/css'>
body { margin:0; }
</style>
</head>
<body topmargin='0' leftmargin='0'>
<form name='frm' method='post'>
</form>
</body>
</html>
