Javascript 基础教程之事件小实例

Javascript 事件的小实例:

通过点击按钮使div的颜色发生改变

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>事件</title>
	<style type="text/css"> div{width:150px;height:150px;border:1px solid #f60;}</style>	
</head>
<body>
		<div id="dv"></div><br>

		<input type="button" value="点击" onclick="bt()">

		<script type="text/javascript">
			function bt(){
				var div=document.getElementById("dv");
	        	div.style.backgroundColor="red";
			}
		</script>
</body>
</html>


继续学习
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>事件</title> <style type="text/css"> div{width:150px;height:150px;border:1px solid #f60;}</style> </head> <body> <div id="dv"></div><br> <input type="button" value="点击" onclick="bt()"> <script type="text/javascript"> function bt(){ var div=document.getElementById("dv"); div.style.backgroundColor="red"; } </script> </body> </html>
提交重置代码
  • 推荐课程
  • 评论
  • 问答
  • 笔记
  • 课件下载
据说名字长的人会有很多女朋友

据说名字长的人会有很多女朋友

效果可以

5年前    添加回复 0

回复
小水滴

小水滴

能看懂

5年前    添加回复 0

回复
我喜欢晴天

我喜欢晴天

明白了

5年前    添加回复 0

回复
大神,求带!

大神,求带!

实例是改变CSS样式

5年前    添加回复 0

回复
橱窗的光

橱窗的光

进一步加深了点击事件的用法,哈哈哈

5年前    添加回复 0

回复
橱窗的光

橱窗的光

<input type="button" value="点击" onclick="bt()"> <script type="text/javascript"> function bt(){ var div=document.getElementById("dv"); div.style.backgroundColor="red"; } </script>

5年前 0

课件暂不提供下载,工作人员正在整理中,后期请多关注该课程~