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>

제출하다 코드 재설정

자동운전