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;
}然後,我們建立了一個名為 “點選我”的按鈕來執行顯示函式 ——
廣告
資料結構
網路
RDBMS
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP