ล่าสุดการพัฒนาเว็บบทเรียน
×

JavaScript การอ้างอิง

ภาพรวม

JavaScript

JS เชือก JS จำนวน JS ผู้ประกอบการ JS งบ JS คณิตศาสตร์ JS วันที่ JS แถว JS บูลีน JS นิพจน์ทั่วไป JS สถานการณ์โดยรวม JS การแปลง

เบราว์เซอร์ BOM

Window Navigator Screen History Location

HTML DOM

DOM เอกสาร DOM องค์ประกอบ DOM แอตทริบิวต์ DOM เหตุการณ์ DOM รูปแบบ

HTML วัตถุ

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

วัตถุอื่น ๆ

CSSStyleDeclaration


 

HTML DOM contentEditable Propery

<ธาตุวัตถุ

ตัวอย่าง

ตั้งเนื้อหาที่ <p> องค์ประกอบที่จะสามารถแก้ไขได้:

document.getElementById("myP").contentEditable = true;
ลองตัวเอง»

เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง


ความหมายและการใช้งาน

ชุดคุณสมบัติ contenteditable หรือผลตอบแทนไม่ว่าจะเป็นเนื้อหาขององค์ประกอบคือสามารถแก้ไขได้หรือไม่

เคล็ดลับ: คุณยังสามารถใช้ isContentEditable คุณสมบัติที่จะพบว่าเนื้อหาขององค์ประกอบคือสามารถแก้ไขได้หรือไม่


สนับสนุนเบราว์เซอร์

ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน

คุณสมบัติ
contentEditable 11.0 6.0 3.5 3.2 10.6

วากยสัมพันธ์

กลับทรัพย์สิน contenteditable:

HTMLElementObject .contentEditable

ตั้งค่าคุณสมบัติ contenteditable:

HTMLElementObject .contentEditable=true|false

ค่าทรัพย์สิน

ความคุ้มค่า ลักษณะ
true|false ระบุว่าเนื้อหาขององค์ประกอบที่ควรจะแก้ไขได้

ค่าที่เป็นไปได้:
  • สืบทอด - เริ่มต้น เนื้อหาองค์ประกอบที่สามารถแก้ไขได้ถ้าองค์ประกอบหลักของมันคือการที่สามารถแก้ไขได้
  • จริง - เนื้อหาที่สามารถแก้ไขได้
  • เท็จ - เนื้อหาไม่สามารถแก้ไขได้

รายละเอียดทางเทคนิค

กลับค่า: สตริงผลตอบแทนจริงถ้าองค์ประกอบสามารถแก้ไขได้มิฉะนั้นจะกลับเท็จ

ตัวอย่าง

ตัวอย่างอื่น ๆ

ตัวอย่าง

ดูว่า <p> องค์ประกอบที่สามารถแก้ไขได้หรือไม่:

var x = document.getElementById("myP").contentEditable;

ผลของ x จะเป็น:

true
ลองตัวเอง»

ตัวอย่าง

สลับไปมาระหว่างความสามารถในการแก้ไขเนื้อหาของการ <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 แอตทริบิวต์


<ธาตุวัตถุ