HTML | DOM 图形对象

DOM Figure 对象用于表示 HTML

元素。图元素由getElementById()访问。

句法：

document.getElementById("ID");

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

示例 1：

  

    figure tag
    
        body {
            text-align: center;
        }
          
        h1 {
            color: green;
        }
    

  

    GeeksforGeeks
    DOM figure Object
    
     
    
        
        
        
        Geeks logo
    
    
    Submit
    
    
    
        function Geeks() {
            
          <!-- accessing the figure object -->
            var g = 
            document.getElementById("GFG").id;
            
            document.getElementById("sudo").innerHTML = g;
        }
    

  
               

输出：

点击按钮前：

点击按钮后：

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

  

    figure tag
    
        body {
            text-align: center;
        }
          
        h1 {
            color: green;
        }
    

  

    GeeksforGeeks
    DOM figure Object
    
    Submit
  
    
        function Geeks() {
            
            var g = document.createElement("FIGURE");
            g.setAttribute("id", "GFG");
            document.body.appendChild(g);
  
            var f = document.createElement("IMG");
            f.setAttribute("src", 
"https://media.geeksforgeeks.org/wp-content/uploads/geeks-25.png");
            f.setAttribute("width", "304");
            f.setAttribute("width", "228");
            f.setAttribute("alt", "GeeksforGeeks");
  
            document.getElementById("GFG").appendChild(f);
        }
    

  

输出：

点击按钮前：

点击按钮后：

支持的浏览器： DOM图形对象支持的浏览器如下：

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