<p><div id="div" style="Background-color:#ff9966;border:1px #ff0000 dashed;"><span>이것은 레이어입니다</span></div>
<input name="innerHTML" value="innerHTML" type="button" OnClick="alert(div.innerHTML);">
<input name="outerHTML" value="outerHTML" type="button" OnClick="alert(div.outerHTML);">
<input name="innerText" value="innerText" type="button" OnClick="alert(div.innerText);">
<input name="outerText" value="outerText" type="button" OnClick="alert(div.outerText);">
<스크립트 언어="자바스크립트">
함수 변경b(obj)
{
obj.outerHTML = "<input type='text' value='태그를 포함하여 개체 내에서 HTML 설정' style='width:200px;'></input>"
}
함수 변경a(obj)
{
obj.innerHTML = "<b>객체 내에서 HTML 설정</b>"
}
</script>
<br><br>
innerHTML은 태그 내의 HTML을 가져옵니다.<br>
externalHTML은 태그와 태그 내의 HTML을 가져옵니다.<br>
innerTEXT와 OuterTEXT는 모두 레이블 내의 텍스트를 가져오는데, 이는 동일합니다. <br>
<br><br>
<div id="div1" style="Background-color:#ff9966;border:1px #ff0000 dashed;">이것은 레이어입니다</div>
<br>
<input name="innerHTML1" value="innerHTML" type="button" OnClick="changea(div1)">
<input name="outerHTML1" value="outerHTML" type="button" OnClick="changeb(div1)">
<input name="innerText1" value="innerText" type="button" OnClick="div1.innerText='텍스트를 innerText로 바꾸기'">
<input name="outerText1" value="outerText" type="button" OnClick="div1.outerText='outerText를 사용하면 레이블이 대상 텍스트로 교체되고 레이어도 교체됩니다.'">
<br>
<p>
innerHTML은 태그 내에 HTML을 설정합니다.<br>
externalHTML은 태그와 태그 내의 HTML을 설정합니다.<br>
innerTEXT는 라벨 내의 텍스트를 설정합니다.<br>
innerTEXT는 레이블을 포함하여 레이블 내의 텍스트를 설정하고 함께 바꿉니다. <br>
</p>
innerHTML은 객체의 여는 태그와 닫는 태그 내에 있는 HTML을 설정하거나 가져옵니다. <br>
externalHTML은 객체와 그 내용의 HTML 형식을 설정하거나 가져옵니다.<br>
innerText는 객체의 시작 및 끝 태그 내에 있는 텍스트를 설정하거나 가져옵니다.<br>
externalText는 객체의 텍스트를 설정(라벨 포함)하거나 가져옵니다(라벨 제외)<br><br>