HTML | Свойство DOM designMode
Опубликовано: 3 Февраля, 2022
Свойство DOM designMode в HTML используется, чтобы указать, доступен ли документ для редактирования или нет. Его также можно использовать, чтобы сделать документ доступным для редактирования.
Синтаксис:
- Установить: это свойство используется для настройки редактируемого документа.
document.designMode = "вкл | выкл";
- Получить: это свойство используется для возврата документа, редактируется он или нет.
document.designMode
Значение свойства: это свойство содержит два значения, которые перечислены ниже:
- выкл .: это значение по умолчанию. В этом режиме документ не редактируется.
- on: В этом режиме документ доступен для редактирования.
Example 1:
<!DOCTYPE html><html> <head> <title> DOM designMode Property </title> </head> <body style = "text-align: center; "> <h1 style = "color: green"> GeeksforGeeks </h1> <h2>DOM designMode Property</h2> <p>This document is editable!</p> <!-- script to set designMode property editable --> <script> document.designMode = "on"; </script> </body></html> |
Выход:
Перед редактированием абзаца:
После редактирования абзаца:
Example 2:
<!DOCTYPE html><html> <head> <title> DOM designMode Property </title> </head> <body style = "text-align: center;"> <h1 style = "color: green"> GeeksforGeeks </h1> <h2>DOM designMode Property</h2> <button onclick="myFunction()"> Get the designMode </button> <p id = "geeks"></p> <!-- script to display designMode --> <script> function myFunction() { var x = document.designMode; document.getElementById("geeks").innerHTML = x; } </script> </body></html> |
Выход:
Перед нажатием на кнопку:
После нажатия кнопки:
Поддерживаемые браузеры: Браузеры, поддерживаемые методом designMode , перечислены ниже:
- Гугл Хром
- Internet Explorer
- Fire Fox
- Опера
- Сафари