HTML | DOM 对话框对象

DOM Dialog 对象用于表示 HTML

元素。 Dialog 元素由getElementById()访问。它用于 HTML5。

句法：

document.getElementById("ID");

其中“id”是分配给“Dialog”标签的ID。

示例 1：

  

    DOM dialog Object
    
        dialog {
            color: green;
            font-size: 30px;
            font-weight: bold;
            font-style: italic;
        }
          
        body {
            text-align: center;
        }
    

  

    DOM Dialog Object
  
    
    Welcome to GeeksforGeeks
  
    Submit
    
        function myGeeks() {
            // Accessing dialog tag
            var x = document.getElementById("GFG");
  
            x.open = true;
        }
    

  

输出：

点击按钮前：

点击按钮后：

示例 2：可以使用 document.createElement 方法创建 Dialog 对象。

  

    DOM dialog Object
    
        dialog {
            color: green;
            font-size: 30px;
            font-weight: bold;
            font-style: italic;
        }
          
        body {
            text-align: center;
        }
    

  

    DOM Dialog Object
  
    Submit
    
        function myGeeks() {
            var gfg = 
            document.createElement("DIALOG");
            
            var f = 
            document.createTextNode("Welcome to GeeksForGeeks");
            
            gfg.setAttribute("open", "open");
            gfg.appendChild(f);
            document.body.appendChild(gfg);
        }
    

  

输出：

单击按钮之前：

点击按钮后：

支持的浏览器： DOM Dialog Object支持的浏览器如下：

• 谷歌浏览器 37+
• 歌剧 24+
• 野生动物园 6+