เนื้อหา HTML DOM คุณสมบัติแก้ไข ได้
ตัวอย่าง
ตั้งค่าเนื้อหาของ <p> องค์ประกอบที่จะสามารถแก้ไขได้:
document.getElementById("myP").contentEditable = "true";
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
ชุดคุณสมบัติ contentEditable หรือส่งคืนว่าเนื้อหาขององค์ประกอบสามารถแก้ไขได้หรือไม่
เคล็ดลับ:คุณยังสามารถใช้ คุณสมบัติ isContentEditableเพื่อดูว่าเนื้อหาขององค์ประกอบสามารถแก้ไขได้หรือไม่
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนคุณสมบัติอย่างสมบูรณ์
Property | |||||
---|---|---|---|---|---|
contentEditable | 11.0 | 6.0 | 3.5 | 3.2 | 10.6 |
ไวยากรณ์
ส่งคืนคุณสมบัติ contentEditable:
HTMLElementObject.contentEditable
ตั้งค่าคุณสมบัติ contentEditable:
HTMLElementObject.contentEditable = true|false
มูลค่าทรัพย์สิน
Value | Description |
---|---|
true|false |
Specifies whether the content of an element should be editable. Possible values:
|
รายละเอียดทางเทคนิค
คืนมูลค่า: | สตริง คืนค่า true หากองค์ประกอบสามารถแก้ไขได้ มิฉะนั้นจะคืนค่า false |
---|
ตัวอย่างเพิ่มเติม
ตัวอย่าง
ค้นหาว่า <p> องค์ประกอบสามารถแก้ไขได้หรือไม่:
var x = document.getElementById("myP").contentEditable;
ตัวอย่าง
สลับระหว่างความสามารถในการแก้ไขเนื้อหาของ <p> องค์ประกอบ:
var x = document.getElementById("myP");
if (x.contentEditable == "true") {
x.contentEditable = "false";
button.innerHTML = "Enable content of p to be editable!";
} else {
x.contentEditable = "true";
button.innerHTML = "Disable content of p to be editable!";
}
หน้าที่เกี่ยวข้อง
การอ้างอิง HTML: HTML contenteditable attribute
❮ วัตถุธาตุ