按钮点击不同效果

最新推荐文章于 2021-01-15 16:12:32 发布

@CJL

最新推荐文章于 2021-01-15 16:12:32 发布

阅读量244

点赞数

CC 4.0 BY-SA版权

分类专栏：练习文章标签： js

本文链接：https://blog.csdn.net/qq_44109821/article/details/103647401

练习专栏收录该内容

36 篇文章

订阅专栏

本文介绍了一个简单的HTML页面，其中包含两个按钮。通过JavaScript，当点击按钮时，页面上的文本会改变样式，例如字体颜色变为红色或变为斜体。这是一个基础的前端开发示例，展示了如何使用JavaScript来操作DOM元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div id="msg">
			不同的按钮显示不同的效果
		</div>
		<button id="fc">fontcolor方法</button>
		<button id="qx">fontcolor方法</button>
		<script type="text/javascript">
			var msg=document.getElementById("msg");
			var mm=msg.innerHTML;
			document.getElementById("fc").onclick=function(){
				msg.innerHTML=mm.fontcolor("red")
			}
			document.getElementById("qx").onclick=function(){
				msg.innerHTML=mm.italics()
			}
		</script>
	</body>
</html>