HTML | DOM Div 对象

HTML DOM 中的Div 对象用于表示 HTML

元素。此标记用于指定其他 HTML 元素的容器，以使用 CSS 为其设置样式或使用 JavaScript 执行某些任务。

句法：

• 可以使用 getElementById() 方法访问
  元素。

var x = document.getElementById("myDIV");

• 元素可以使用 createElement() 方法创建。

var x = document.createElement("DIV");

适当的价值：

• align：用于设置或返回
  元素的align属性值。 HTML 5 不支持它。在 HTML 5 中使用 style.textAlign 代替 align。

示例 1：可以使用 document.getElementById() 方法访问 Div 对象。

html

     

    
        HTML DOM Div Object
    

 

 
    
        GeeksForGeeks
    
         
    DOM Div Object
    
     
    
        Click Here!
    
         
    
         
    
        A  portal for geeks.
    
     
    
    
        function Geeks() {
            var dv = document.getElementById("div_obj").innerHTML;
            document.getElementById("GFG").innerHTML = dv;
        }
    

 

输出：

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

html

    
        
            HTML DOM Div Object
        
    
     
    
 
        
            GeeksForGeeks
        
         
        DOM Div Object
         
        
            Click Here!
        
         
        
         
        
        
            function Geeks() {
            var x = document.createElement("DIV");
            var t = document.createTextNode("GEEKS_FOR_GEEKS.");
            x.setAttribute("style", "background-color: green;");
            x.appendChild(t);
            document.body.appendChild(x);
            }
        
         
 
    
                   

输出：

支持的浏览器： HTML DOM Div 对象支持的浏览器如下：

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