Thuộc tính HTML DOM designMode

Thuộc tính HTML DOM designMode cho phép chúng tôi chỉ định xem toàn bộ tài liệu có thể chỉnh sửa được hay không. Điều này làm cho tài liệu HTML hoạt động như một trình soạn thảo WYSIWYG (Những gì bạn thấy là những gì bạn nhận được) vì chúng tôi có thể chỉnh sửa tài liệu HTML. Thuộc tính này theo mặc định được đặt thành “tắt” và bằng cách đặt thuộc tính thành “bật”, chúng tôi có thể chỉnh sửa tài liệu.

Cú pháp

Sau đây là cú pháp cho -

Đặt thuộc tính designMode -

document.designMode = "on|off"

Ở đây, “tắt” là giá trị mặc định và việc đặt thành “bật” cho phép chúng tôi chỉnh sửa tài liệu.

Ví dụ

Hãy để chúng tôi xem xét một ví dụ cho thuộc tính HTML DOM designMode -

<!DOCTYPE html>
<html>
<body>
<h1>Document designMode Property</h1>
<p> This is a paragraph with some text</p>
<button type="button">BUTTON1</button>
<script>
   document.designMode="on";
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Thuộc tính HTML DOM designMode

Sau khi chỉnh sửa tài liệu -

Thuộc tính HTML DOM designMode

Trong ví dụ trên -

Chúng tôi đã tạo một số phần tử HTML. Ví dụ:Một phần tử

, một phần tử

và một phần tử