HTML | DOM 锚相关属性

HTML DOM 中的Anchor rel 属性用于设置或返回链接的 rel 属性值。 rel 属性用于指定当前文档和链接文档之间的关系。

句法：

• 它返回 Anchor rel 属性。

  anchorObject.rel

• 它用于设置 Anchor rel 属性。

  anchorObject.rel = "value"

属性值：

• 替代：它定义文档的替代版本，即打印页面、翻译或镜像。
• 作者：它定义了文档的作者。
• 书签：它指定一个相关的文档。
• help：指定帮助文档。
• 许可：它定义了文档的版权信息。
• next：它定义了选择中的下一个文档。
• nofollow：谷歌使用它，指定谷歌搜索蜘蛛不应跟随该链接，主要用于付费链接。
• noreferrer：用于指定如果用户跟随超链接，浏览器不应发送 HTTP referrer 标头。
• prefetch：它指定应该缓存目标文档。
• prev：它指定选择中的上一个文档。
• search：指定文档的搜索工具。
• tag：为当前文档指定一个标签关键字。

返回值：它返回一个字符串值，表示当前文档和链接文档之间的关系。

示例 1：此示例返回 Anchor rel 属性。

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

输出：
点击按钮前：

点击按钮后：

示例 2：此示例设置 Anchor rel 属性。

 
 
  
 
     
        HTML DOM Anchor rel Property 
     
 
      
 
     
        GeeksForGeeks 
          
        DOM Anchor rel Property 
          
        Welcome to 
             
                GeeksforGeeks 
             
         
          
        Submit 
          
         
          
        
         
            function myGeeks() { 
                var x = document.getElementById("GFG").rel
                        = "prefetch"; 
                          
                document.getElementById("sudo").innerHTML
                        = "The value of the rel attribute "
                        + "was changed to " + x; 
            } 
        
     
 
  
    

输出：
点击按钮前：

点击按钮后：

支持的浏览器： DOM Anchor rel 属性支持的浏览器如下：

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