<p><div id="div" style="พื้นหลัง-สี:#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>"
-
ฟังก์ชั่นการเปลี่ยนแปลง (obj)
-
obj.innerHTML = "<b>ตั้งค่า HTML ภายในวัตถุ</b>"
-
</สคริปต์>
<br><br>
innerHTML รับ HTML ภายในแท็ก<br>
ภายนอกHTML รับแท็กและ HTML ภายในแท็ก<br>
InnerTEXT และ OutsideTEXT ทั้งคู่ได้รับข้อความภายในป้ายกำกับซึ่งเหมือนกัน <br>
<br><br>
<div id="div1" style="พื้นหลัง-สี:#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>
ภายนอกHTML ตั้งค่าแท็กและ HTML ภายในแท็ก<br>
InnerTEXT กำหนดข้อความภายในป้ายกำกับ<br>
InnerTEXT ตั้งค่าข้อความภายในป้ายกำกับ รวมถึงป้ายกำกับด้วย และแทนที่เข้าด้วยกัน <br>
</p>
innerHTML ตั้งค่าหรือรับ HTML ที่อยู่ภายในแท็กเปิดและปิดของวัตถุ <br>
ภายนอก HTML ตั้งค่าหรือรับรูปแบบ HTML ของวัตถุและเนื้อหา<br>
innerText ตั้งค่าหรือรับข้อความที่อยู่ภายในแท็กเริ่มต้นและแท็กสิ้นสุดของวัตถุ<br>
ชุดข้อความภายนอก (รวมถึงป้ายกำกับ) หรือรับ (ไม่รวมป้ายกำกับ) ข้อความของวัตถุ<br><br>