ตัวอย่าง
เปลี่ยนเนื้อหา HTML ของที่ <p> องค์ประกอบที่มี id = "สาธิต":
document.getElementById("demo").innerHTML = "Paragraph changed!"; ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
ชุดคุณสมบัติ innerHTML หรือส่งคืนเนื้อหาของ HTML (inner HTML) ขององค์ประกอบ
สนับสนุนเบราว์เซอร์
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| innerHTML | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
วากยสัมพันธ์
กลับ innerHTML ทรัพย์สิน:
HTMLElementObject .innerHTMLตั้ง innerHTML ทรัพย์สิน:
HTMLElementObject .innerHTML= ค่าทรัพย์สิน ความคุ้มค่า ลักษณะ text ระบุเนื้อหา HTML ของสิ่งนั้น ๆ
รายละเอียดทางเทคนิค
กลับค่า: สตริงที่เป็นตัวแทนของเนื้อหา HTML ของสิ่งนั้น ๆ
ตัวอย่างอื่น ๆ
ตัวอย่าง
ได้รับเนื้อหา HTML ของที่ <p> องค์ประกอบที่มี id = "MYP":
var x = document.getElementById("myP").innerHTML; ผลของ x จะเป็น:
I am a paragraph. ลองตัวเอง»
ตัวอย่าง
ได้รับเนื้อหา HTML ของที่ <ul> องค์ประกอบที่มี id = "myList":
var x = document.getElementById("myList").innerHTML; ผลของ x จะเป็น:
- Coffee
- Tea
ลองตัวเอง»
ตัวอย่าง
เปลี่ยนเนื้อหา HTML ของสององค์ประกอบนี้:
document.getElementById("myP").innerHTML = "Hello Dolly.";
document.getElementById("myDIV").innerHTML = "How are you?"; ลองตัวเอง»
ตัวอย่าง
แจ้งเตือนเนื้อหา HTML ของที่ <p> องค์ประกอบที่มี id = "สาธิต":
alert(document.getElementById("demo").innerHTML); ลองตัวเอง»
ตัวอย่าง
ลบเนื้อหา HTML ของที่ <p> องค์ประกอบที่มี id = "สาธิต":
document.getElementById("demo").innerHTML = ""; //
Replaces the content of <p> with an empty string ลองตัวเอง»
ตัวอย่าง
เปลี่ยนแปลงเนื้อหา HTML URL และเป้าหมายของการเชื่อมโยง:
document.getElementById("myAnchor").innerHTML = "w3ii";
document.getElementById("myAnchor").href = "http://www.w3ii.com";
document.getElementById("myAnchor").target = "_blank";
ลองตัวเอง»
<ธาตุวัตถุ