HTML | DOM 锚点对象

HTML DOM 中的 Anchor Object 用于表示 元素。可以使用 getElementById() 方法访问锚元素。

句法：

document.getElementById("ID"); 

其中 ID 分配给锚标记。

属性值：

• charset：用于设置或返回字符集。 HTML 5 不支持它。
• 下载：用于设置或返回用户点击下载的目标链接。
• hreflang：用于设置或返回链接文档的语言。
• media：用于设置或返回链接的媒体。
• coords：用于设置或返回链接的坐标。
• name：用于设置或返回锚点名称。
• rel：用于设置或返回当前文档与链接文档的关系。
• shape：用于设置或返回链接的形状。
• type：用于设置或返回链接的类型。
• target：用于设置或返回目标链接。
• rev：用于设置或返回链接文档与当前文档的关系。

示例 1：此示例描述用于访问 元素的 getElementById() 方法。

 
 
  
 
    
        HTML DOM Anchor Object
     
 
      
 
    
        GeeksForGeeks
          
        DOM Anchor Object
          
        Welcome to 
             
                GeeksforGeeks 
             
         
          
        Submit
          
        
          
        
            function myGeeks() {
                var x = document.getElementById("GFG").href;
                document.getElementById("sudo").innerHTML = x;
            }
        
    
 
                                 

输出：
在点击按钮之前：

点击按钮后：

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

 
 
  
 
    
        HTML DOM Anchor Object
     
 
      
 
    
        GeeksForGeeks
          
        DOM Anchor Object 
          
        Welcome to 
          
        
            Submit
        
          
        
        
            function myGeeks() {
                  
                /* Create anchor tag */
                var g = document.createElement("A");
                var f = document.createTextNode("GeeksForGeeks");
                g.setAttribute("href", "https://www.geeksforgeeks.org/");
                g.appendChild(f);
                document.getElementById("gfg").appendChild(g);
            }
        
    
 
  
                                

输出：
在点击按钮之前：

点击按钮后：

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

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