javaScript小练习:实现文本字体大小的改变

最新推荐文章于 2024-01-02 14:04:58 发布

可乐猫哈

最新推荐文章于 2024-01-02 14:04:58 发布

阅读量5.4k

点赞数 1

版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_39027256/article/details/78236557

版权

1.练习要求：

在html中写出一个下拉框和一段文字，通过下拉框来改变文字的大小。

2.代码效果

3.源代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>???????</title>
<script type="text/javascript">
window.οnlοad=function()
{
var list=document.getElementById('list');//获取元素
var font=document.getElementById('font');
var index;
var change;
list.οnchange=function() //监听事件
{
index=list.selectedIndex; //获取下拉框的索引
change=list.options[index].value;//根据索引获取选中的值
font.style.fontSize=change; //进行写操作，对字体大小进行设置

};

};

</script>
</head>
<body>
<select id="list">
<option value="16">16</option>
<option value="20">20</option>
<option value="24">24</option>
<option value="28">28</option>
</select>
<br>
<font id="font">我在北方的寒夜里<br>四季如春</font>
</body>
</html>

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
2
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

评论 2

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。