HTML | DOM designMode 属性

HTML 中的DOM designMode 属性用于指定文档是否可编辑。它还可用于设置文档可编辑。

句法：

• Set：该属性用于设置文档可编辑与否。

  document.designMode = "on|off";

• Get：该属性用于返回文档是否可编辑。

  document.designMode

属性值：此属性包含以下列出的两个值：

• off：默认值。在此模式下，文档不可编辑。
• on：在此模式下，文档是可编辑的。

示例 1：

    
        
            DOM designMode Property
        
    
      
    
          
        
            GeeksforGeeks
        
          
        DOM designMode Property
        This document is editable!
          
        
        
            document.designMode = "on";
        
    
                    

输出：
在编辑段落之前：

编辑段落后：

示例 2：

    
        
            DOM designMode Property
        
    
      
    
          
        
            GeeksforGeeks
        
          
        DOM designMode Property
          
        
            Get the designMode
        
          
        
          
        
        
            function myFunction() {
                var x = document.designMode;
                document.getElementById("geeks").innerHTML = x;
            }
        
    
                    

输出：
点击按钮前：

点击按钮后：

支持的浏览器： designMode方法支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器