Thuộc tính contentEditable của phần tử DOM HTML

Định nghĩa và cách sử dụng

contentEditable Thuộc tính thiết lập hoặc trả về nội dung của phần tử có thể chỉnh sửa.

Lưu ý:Bạn cũng có thể sử dụng thuộc tính isContentEditable để xác định nội dung của phần tử có thể chỉnh sửa hay không.

Xem thêm:

Thuộc tính isContentEditable

Thuộc tính contenteditable của HTML

Mô hình

Ví dụ 1

Mục này có thể chỉnh sửa:

<p id="myP" contenteditable="true">I am editable.</p>

Nếu "myP" có thể chỉnh sửa, thì trả về true:

document.getElementById("myP").contentEditable;

Thử trực tiếp

Ví dụ 2

Thiết lập nội dung của "myP" để có thể chỉnh sửa:

document.getElementById("myP").contentEditable = "true";

Thử trực tiếp

Ví dụ 3

Chuyển đổi giữa việc nội dung có thể chỉnh sửa và không thể chỉnh sửa:

cinst x = document.getElementById("myP");
if (x.contentEditable == "true") {
  x.contentEditable = "false";
  button.innerHTML = "Enable myP to be editable!";
}
  x.contentEditable = "true";
  button.innerHTML = "Disable myP be editable!";
}

Thử trực tiếp

Cú pháp

Trả về thuộc tính contentEditable:

element.contentEditable

Đặt thuộc tính contentEditable:

element.contentEditable = value

Giá trị thuộc tính

Giá trị Mô tả
value
  • "true" - Nội dung có thể chỉnh sửa
  • "false" - Nội dung không thể chỉnh sửa
  • "inherit" - Mặc định. Nếu phần tử cha có thể chỉnh sửa, thì có thể chỉnh sửa

Giá trị trả về

Loại Mô tả
Chuỗi Nếu phần tử có thể chỉnh sửa,则为 true，否则为 false.

Hỗ trợ trình duyệt

element.contentEditable() Là tính năng DOM Level 1 (1998).

Tất cả các trình duyệt đều hỗ trợ nó hoàn toàn:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Hỗ trợ 9-11 Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ