程序员的知识教程库

网站首页 > 教程分享 正文

javascript结合getElementById操作下拉列表select标签改变背景色

henian88 2024-08-18 17:06:20 教程分享 5 ℃ 0 评论

在现在好多网站中呢,都有这样一个功能 就是在页面的右上角或者是某个角落可以切换网页的背景音色 或者是背景图片等等,其实这个操作真的就是特别的简单,那么今儿道哥就给大家分享这个特别小的只是点。用js来实现选择下拉列表中的颜色来切换网页的背景颜色。

 <body>
 <select id="a" onchange="f()">
 <option value="yellow">黄色</option>
	 <option value="green">绿色</option>
	 <option value="blue">蓝色</option>
	 <option value="gray">灰色</option>
	 <option value="red">红色</option>
 </select>
 <input type="button" value="获取下拉列表的值" onclick="f()"/>
 </body>
 <script type="text/javascript">
 function f()
	{
	 //找对象
	 var obj = document.getElementById("a").value;
	 //修改网页的背景颜色 document.bgColor
	 document.bgColor = obj;
	}
 </script>

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表