HTML | DOM 对象

DOM Ol 对象用于表示 HTML

元素。 ol元素由getElementById()访问。要阅读有关列表的更多信息，请查看 HTML |列表。

特性：

• compact：用于设置或返回列表的大小是否正常显示。
• reversed：用于设置或返回列表项是按降序还是升序显示。
• start：用于设置或返回
  元素中 start 属性的值。
  1. type：用于设置或返回
     元素中 type 属性的值。

句法：

document.getElementById("ID");

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

示例 1：

  

    
        h1 {
            color: green;
        }
    

  

     
        GEEKSFORGEEKS 
    
     
         DOM Ol Object
    
    
        Ordered Lists
    
    
    
        one
        two
        three
    
    
    Submit
    
    
        function Geeks() {
            
            //  Accessing ol tag 
            //  and  starts with 101.
            var g = document.getElementById("GFG");
            g.start = "100";
        }
    

  

输出：

在点击按钮之前：


点击按钮后：


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

  

    
        h1 {
            color: green;
        }
    

  

     
        GEEKSFORGEEKS 
    
     
         DOM Ol Object
    
    Submit
    
        function Geeks() {
             
            //  Creating 'ol' object
            var g = document.createElement("OL");
            g.setAttribute("id", "GFG");
            document.body.appendChild(g);
  
            var x = document.createElement("LI");
            var y = document.createTextNode("geeks");
            x.appendChild(y);
            document.getElementById("GFG").appendChild(x);
  
            var w = document.createElement("LI");
            var f = document.createTextNode("sudo");
            w.appendChild(f);
            document.getElementById("GFG").appendChild(w);
        }
    

  

输出 ：

点击按钮前：


点击按钮后：


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

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