以下是一个简单的示例,演示如何使用JavaScript获取Link对象以及操作其属性:
<!DOCTYPE html>
<html>
<head>
<title>Link对象示例</title>
</head>
<body>
<a id="myLink" href="https://www.example.com" target="_blank">示例链接</a>
<script>
// 获取Link对象
var myLink = document.getElementById("myLink");
// 输出链接的href属性
console.log("链接的href属性: " + myLink.href);
// 修改链接的href属性
myLink.href = "https://www.newexample.com";
// 输出修改后的链接的href属性
console.log("修改后的链接的href属性: " + myLink.href);
// 输出链接的target属性
console.log("链接的target属性: " + myLink.target);
</script>
</body>
</html>
在这个示例中,我们首先通过document.getElementById获取了ID为"myLink"的链接元素,然后使用Link对象的属性进行操作。我们输出了链接的原始href属性,然后将其修改为新的值,并再次输出。
请注意,这只是Link对象的一小部分属性演示。Link对象还有其他属性,例如target、rel等,您可以根据需要使用它们。
转载请注明出处:http://www.zyzy.cn/article/detail/6226/JavaScript 和 HTML DOM