HTML | DOM 时间对象

DOM 时间对象用于表示 HTML 时间元素。 Time元素由getElementById()访问。

特性：

• dateTime：它包含单个属性 datetime，用于以元素的机器可读形式设置或返回日期/时间。

句法：

document.getElementById("ID");

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

示例 1：

  

    DOM Time Object
    
        body {
            text-align: center;
        }
          
        h1 {
            color: green;
        }
    

  

    GeeksForGeeks
    DOM Time Object 
     Jawahar lal Nehru birthday is celebrated on
    
    
      children's day.
    
    
    
    
    Submit
    
    
    
        function myGeeks() {
            var g = document.getElementById("GFG").innerHTML;
            document.getElementById("sudo").innerHTML = g;
        }
    

  

输出：

点击按钮前：

点击按钮后：

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

  

    DOM Time Object
    
        body {
            text-align: center;
        }
          
        h1 {
            color: green;
        }
    

  

    GeeksForGeeks
    DOM Time Object
    
    Submit
    
        function myGeeks() {
            
            // time tag created
            var g = 
             document.createElement("TIME");
            
            g.setAttribute(
            "datetime", "2018--11-14 12:00");
            
            var f = 
            document.createTextNode("Children's day");
            
            g.appendChild(f);
            
            document.body.appendChild(g);
  
        }
    

  

输出 ：

点击按钮前：

点击按钮后：

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

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