数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚学
法律学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
广告