以下是一个简单的示例:
<!DOCTYPE html>
<html>
<head>
<title>Link Object Example</title>
</head>
<body>
<a href="https://www.example.com" id="exampleLink">Visit Example.com</a>
<script>
// 获取对链接元素的引用
var linkElement = document.getElementById("exampleLink");
// 获取链接元素的 Link 对象
var linkObject = linkElement;
// 输出链接的 href 属性
console.log("链接的 href 属性为: " + linkObject.href);
// 输出链接的文本内容
console.log("链接的文本内容为: " + linkObject.innerText);
</script>
</body>
</html>
在这个例子中,我们首先通过 getElementById 方法获取了链接元素的引用,然后通过直接引用该元素,我们就能够访问到链接元素的 Link 对象。通过这个对象,我们可以获取链接的属性,比如 href 表示链接的 URL,以及 innerText 表示链接的文本内容。
请注意,Link 对象是链接元素的 DOM 接口,它提供了访问和操作链接元素的属性和方法。如果你需要对文档中所有链接元素进行操作,你可以使用 document.links 获取一个 HTMLCollection 对象,该对象包含文档中所有的链接元素。
转载请注明出处:http://www.zyzy.cn/article/detail/4500/HTML