Nội dung phần tử DOM HTMLCó thể chỉnh sửa
Ví dụ
Đoạn này có thể chỉnh sửa được:
<p id="myP" contenteditable="true">I am editable.</p>
Trả về true nếu "myP" có thể chỉnh sửa được:
document.getElementById("myP").contentEditable;
Hãy tự mình thử »Đặt nội dung của "myP" thành có thể chỉnh sửa:
document.getElementById("myP").contentEditable = "true";
Hãy tự mình thử »Thêm ví dụ dưới đây.
Sự miêu tả
Thuộc tính contentEditable
đặt hoặc trả về nếu nội dung của phần tử có thể chỉnh sửa được.
Cú pháp
Trả về thuộc tính contentEditable:
element .contentEditable
Đặt thuộc tính contentEditable:
ement .contentEditable = value
Thông số
Parameter | Description |
value |
"true" - The content is editable "false" - The content is not editable "inherit"- Default. Is editable if parent element is editable |
Giá trị trả về
Kiểu | Sự miêu tả |
Sợi dây | true nếu phần tử có thể chỉnh sửa được, nếu không thì false . |
Chuyển đổi giữa các nội dung có thể chỉnh sửa:
const x = document.getElementById("myP");
if (x.contentEditable == "true") {
x.contentEditable = "false";
button.innerHTML = "Enable myP to be editable!";
} else {
x.contentEditable = "true";
button.innerHTML = "Disable myP be editable!";
}
Hãy tự mình thử »Hỗ trợ trình duyệt
element.contentEditable()
là tính năng DOM Cấp 1 (1998).
Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | 9-11 |