Nội dung DOM HTML
Thí dụ
Đặt nội dung của phần tử <p> để có thể chỉnh sửa:
document.getElementById("myP").contentEditable = "true";
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thuộc tính contentEditable đặt hoặc trả về nội dung của một phần tử có thể chỉnh sửa được hay không.
Mẹo: Bạn cũng có thể sử dụng thuộc tính isContentEditable để tìm hiểu xem nội dung của một phần tử có thể chỉnh sửa được hay không.
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Property | |||||
---|---|---|---|---|---|
contentEditable | 11.0 | 6.0 | 3.5 | 3.2 | 10.6 |
Cú pháp
Trả lại nội dung Thuộc tính có thể sửa đổi:
HTMLElementObject.contentEditable
Đặt thuộc tính contentEditable:
HTMLElementObject.contentEditable = true|false
Giá trị tài sản
Value | Description |
---|---|
true|false |
Specifies whether the content of an element should be editable. Possible values:
|
Chi tiết kỹ thuật
Giá trị trả lại: | Một chuỗi, trả về true nếu phần tử có thể chỉnh sửa, nếu không, nó trả về false |
---|
Các ví dụ khác
Thí dụ
Tìm hiểu xem phần tử <p> có thể chỉnh sửa được hay không:
var x = document.getElementById("myP").contentEditable;
Thí dụ
Chuyển đổi giữa khả năng chỉnh sửa nội dung của phần tử <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!";
}
Các trang liên quan
Tham chiếu HTML: Thuộc tính có thể nội dung HTML
❮ Đối tượng phần tử