HTML | DOM UI 对象

DOM Ul 对象用于表示 HTML

元素。通过getElementById()访问 ul 元素。

特性：

• 紧凑：用于设置或返回无序列表的高度是否会比正常渲染小。
• type：用于设置或返回
  元素的 type 属性的值。

  句法：

  document.getElementById("ID");

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

  示例 1：

    
  
      DOM ul Object
  
    
  
      GeeksforGeeks
      DOM ul Object 
      
          
          Geeks
          Sudo
          Gfg
          Gate
          Placement
      
      Submit
      
      
          function myGeeks() {
              // Accessing 'ul' tag. 
              var g = document.getElementById(
                "Geeks").id;
              document.getElementById(
                "sudo").innerHTML = g;
          }
      
  
    

  输出：

  单击按钮之前：
  

  点击按钮后：
  

  示例 2 ：

  可以使用document.createElement方法创建对象。

    
  
      DOM ul Object
  
    
  
      GeeksforGeeks
      DOM ul Object 
      Submit
      
          function myGeeks() {
              // 'ul' tag Created. 
              var g = document.createElement("UL");
              g.setAttribute("id", "GFG");
              document.body.appendChild(g);
    
              var f = document.createElement("LI");
              var w = document.createTextNode("Geeks");
              f.appendChild(w);
              document.getElementById("GFG").appendChild(f);
    
              var x = document.createElement("LI");
              var y = document.createTextNode("Sudo");
              x.appendChild(y);
              document.getElementById("GFG").appendChild(x);
          }
      
  
    

  输出：

  点击按钮前：
  

  点击按钮后：
  

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

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