用DOM实现简单的点击按钮变换连接

最新推荐文章于 2022-05-30 21:06:10 发布

原创最新推荐文章于 2022-05-30 21:06:10 发布 · 368 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript

web-javascript 专栏收录该内容

93 篇文章

订阅专栏

本文提供了一个使用JavaScript动态修改网页中链接的例子。通过获取指定ID的元素并更改其href属性和显示内容，展示了基本的DOM操作技巧。

<!DOCTYPE html>
<head>
	<meta charset="utf-8"/>
	<title> </title>

	<script>
		function change(){
			var a = document.getElementById("a");
			a.href="http://www.youkuaiyun.com";
			a.innerHTML = "优快云";
		}
	</script>
</head>
<body>
	<a id="a" href="http://www.baidu.com">百度</a>
	<button onclick="change()">变</button>
</body>
</html>