HTML| DOM 变量对象

DOM 变量对象用于表示 HTML 元素。 var 元素由 getElementById() 访问。

句法：

var element = document.getElementById("ID");

Where “id” is the ID assigned to the “var” tag.

示例 1：

  

    var tag


    body {
        text-align: center;
    }
      
    .sudo {
        font-size: 40px;
        font-weight: bold;
        color: green;
    }
      
    .geeks {
        font-size: 25px;
        font-weight: bold;
    }

  

    GeeksForGeeks
    DOM var Object
    GeeksforGeeks Variable
    
    
    Submit
    
        function myGeeks() {
            var g = document.getElementById("GFG");
            g.style.color = "red";
            g.style.fontSize = "25px";
        }
    

  

输出：

• 点击按钮前：
  
• 点击按钮后：
  

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

  

    var tag


    body {
        text-align: center;
    }
      
    .sudo {
        font-size: 40px;
        font-weight: bold;
        color: green;
    }
      
    .geeks {
        font-size: 25px;
        font-weight: bold;
    }

  

    GeeksForGeeks
    
    DOM var Object
    
    
    Submit
    
        function myGeeks() {
            var g = document.createElement("VAR");
            var text = document.createTextNode("GeeksForGeeks Variable");
            g.appendChild(text);
            document.body.appendChild(g);
        }
    

  
               

输出：

• 点击按钮前：
  
• 点击按钮后：
  

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

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