HTML | DOM 导航对象

DOM nav 对象用于表示 HTML

元素。

元素由 getElementById() 访问。

句法：

document.getElementById("id") 

其中 id 分配给

标签。
注意： Internet Explorer 8 及更早版本不支持导航对象。

示例 1：

html

 

    
        HTML DOM Nav Object
    

 

    
        GeeksforGeeks
    
     
    HTML DOM nav Object
 
    
        Data Structure |
        Algorithm |
        Programming Languages
    
     
    
     
    
        Click Here!
    
         
    
 
         
    
        function Geeks() {
            var obj = document.getElementById("nav_object").innerHTML;
            document.getElementById("sudo").innerHTML = obj;
        }
    

 

输出：
点击按钮前：

点击按钮后：

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

html

     
    
        
            HTML DOM nav Object
        
    
    
        
            GeeksForGeeks
        
         
        DOM nav Object
 
        
            Click Here!
        
         
        
         
        
            function Geeks() {
                var ele = document.createElement("NAV");
                document.body.appendChild(ele);
                 
                var a = document.createElement("A");
                a.setAttribute("href", "/html");
                var txt = document.createTextNode("Home");
                a.appendChild(txt);
                 
                ele.appendChild(a);
            }
        
    
                   

输出：
点击按钮前：

点击按钮后：

支持的浏览器：

• 谷歌浏览器
• 边缘
• 火狐浏览器
• 歌剧
• 苹果浏览器