HTML DOM Anchor rel 屬性


HTML DOM Anchor Rel 屬性返回了連結的 rel 屬性。rel 屬性描述了正在執行的文件與連結文件之間的關聯。

語法

以下是語法 ——

  • a) 返回 rel 屬性 ——

anchorObject.rel
  • b) 設定 rel 屬性 &minus

anchorObject.rel = "value"

示例

讓我們來看一個 HTML DOM anchor 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>

然後,我們建立了一個名為 “點選我”的按鈕來執行顯示函式 ——

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

display 函式獲取 id=” Anchor 示例”的元素的 rel 屬性 ——

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

然後,我們建立了一個名為 “點選我”的按鈕來執行顯示函式 ——

更新於:2021-02-20

瀏覽次數:113

開啟你的 職業生涯

完成課程,獲得認證

開始
廣告
© . All rights reserved.