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

列印頁面