HTML DOM Anchor rel屬性用法及代碼示例

HTML DOM Anchor Rel 屬性返回鏈接的 rel 屬性。 rel 屬性描述了運行文檔和鏈接文檔之間的關聯。

用法

以下是語法 -

a) 返回 rel 屬性 -

anchorObject.rel

b) 設置 rel 屬性

anchorObject.rel = "value"

示例

讓我們看一個 HTML DOM 錨點 rel 屬性的例子 -

<!DOCTYPE html>
<html>
<body>
<h1>Example</h1>
<p><a id="anchorExample" rel="Rel Property" href="https://www.examplesite.com/">
Anchor Rel Property</a></p>
<p>Click on the button</p>
<button onclick="display()">Click me!</button>
<p id="show"></p>
<script>
   function display() {
      var docs = document.getElementById("anchorExample").rel;
      document.getElementById("show").innerHTML = docs;
   }
</script>
</body>
</html>

輸出

這將產生以下輸出 -

點擊“點擊我！”按鈕獲取 HTML DOM Anchor rel 屬性 -

在上麵的例子中 -

我們采用了一個帶有 rel 屬性的錨標記，用於指定與鏈接文檔的關係類型，在上麵的代碼中是 https://www.examplesite.com/

<p>
<a id="anchorExample" rel="Rel Property" href="https://www.examplesite.com/">Anchor Rel Property</a>
</p>

然後我們創建了一個名為 “Click Me” 的按鈕來執行顯示函數 -

<button onclick="display()">Click me!</button>

display 函數獲取元素的 rel 屬性，id=”Anchor example” -

function display() {
   var docs = document.getElementById("anchorExample").rel;
   document.getElementById("show").innerHTML = docs;
}

然後我們創建了一個名為 “Click Me” 的按鈕來執行顯示函數 -

相關用法

注：本文由純淨天空篩選整理自AmitDiwan大神的英文原創作品 HTML DOM Anchor rel Property。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。