原生JS通过选择下拉框的内容修改文本字体大小

最新推荐文章于 2022-10-12 13:51:57 发布

海书

最新推荐文章于 2022-10-12 13:51:57 发布

阅读量1.5k

点赞数 1

文章标签： javascript html

本文链接：https://blog.csdn.net/weixin_41558432/article/details/106679144

版权

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<span id="fontT">
			我是文本
		</span>
		<select id="select" >
		<option>12</option>
		<option>18</option>
		<option>22</option>
		</select>
		
		<script>
			onclick = function (){
				var select = document.getElementById("select");
				var Value = select.value;
				var font = document.getElementById("fontT");
				font.style.fontSize = Value + "px";
			}
			
		</script>
	</body>
</html>