HTML | DOM 链接 rel 属性

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

句法：

• 它返回 rel 属性。

  linkObject.rel

• 它用于设置 rel 属性。

  linkObject.rel = relationship

属性值：

• 替代：它定义文档的替代版本，即打印页面、翻译或镜像。
• 作者：它定义了文档的作者。
• dns-prefetch：用于指定浏览器对目标资源的来源抢先进行DNS解析
• 帮助：它提供了一个帮助链接。
• icon：用于导入一个图标来表示文档。
• 许可：它定义了文档的版权信息。
• 下一个：它提供指向选择中下一个文档的链接。
• pingback：用于提供pingback服务器地址，用于处理当前文档的pingback。
• preconnect：用于指定浏览器应抢先连接到目标资源的来源。
• prefetch：用于指定浏览器抢先获取并缓存目标资源，后续导航很可能需要
• preload：用于指定浏览器代理必须根据“as”属性给出的目的地抢占和缓存当前导航的目标资源。
• prev：它指定选择中的上一个文档。
• 搜索：它指定通过文档的链接搜索。
• stylesheet：就是导入样式表。

示例 1：此示例返回一个 rel 属性。

html

  

    

  

    GeeksForGeeks
    DOM Link rel Property
  
    Get URL
    
  
    
  
  
    
        function gfg() {
  
            // Access link element. 
            var NEW = document.getElementById(
                "linkid").rel;
            document.getElementById(
                "pid").innerHTML = NEW;
        }
    
  

  

输出：
单击按钮之前：

点击按钮后：

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

html

  

    

  

    GeeksForGeeks
    DOM Link rel Property
  
    Get URL
    
  
    
  
  
  
    
        function gfg() {
  
            // Access link element. 
            var NEW = document.getElementById(
                "linkid").rel = "alternate";
            document.getElementById(
                "pid").innerHTML =
        "The value of the rel attribute was changed to "
            + NEW;
        }
    
  

  

输出 ：
点击按钮前：

点击按钮后：

支持的浏览器：

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