HTML - DOM 文档 designMode 属性

**designMode** 属性允许我们指定整个文档是否可编辑。使用此属性，我们可以编辑 HTML 文档。它有两个有效值，即“on”和“off”。默认情况下，属性值设置为 off。

语法

以下语法用于获取和设置 designMode 属性。

设置 designMode

document.designMode="on";

获取 designMode

document.designMode = "on|off";

属性值

值	描述
off	这是默认值。它表示文档不可编辑。
on	它表示文档可编辑。

HTML DOM 文档“designMode”属性示例

在以下示例中，我们将看到如何编辑文档以及文档是否可编辑。

设置 designMode

当 designMode 属性的值设置为“on”时，此方法允许我们编辑 HTML 文档。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>
        HTML DOM document designMode Property
    </title>
</head>
<body>
    <p> This is an editable paragraph</p>
    <script>
        document.designMode = "on";
    </script>
</body>
</html>

获取 designMode

此 designMode 属性方法告诉我们文档是否可编辑。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>
        HTML DOM document designMode Property
    </title>
</head>
<body>
    <p>
        Click to check if this document is editable:
    </p>
    <button onclick="fun()">Check</button>
    <p id="edit"></p>
    <script>
        function fun() {
            document.getElementById("edit").innerHTML = document.designMode;
        }
    </script>
</body>
</html>

属性
designMode	是 1	是 12	是 1	是 1.2	是 9

html_dom_document_reference.htm

打印页面