摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,&
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>JS事件操作</title>
<script type="text/javascript">
function myfocus(a){
a.style.background = "green";//点击变色
};
function myclick(b){ //点击DIV变红色后改变成圆形
b.style.background = "red";
b.style.borderRadius = "50px";
};
function mymouseout (c){ //鼠标移开变色
c.style.background = "pink";
}
</script>
</head>
<body>
表单事件操作<input type="text" onfocus="myfocus(this)">
<br>
<br>
<br>
<br>
<div style="width:100px;height:100px;border:1px solid #ccc;" onclick = "myclick(this)" onmouseout = "mymouseout(this)"></div>
</body>
</html>JS中用于操作DOM元素，让效果更容易实现灵活。
批改老师：韦小宝批改时间：2018-11-24 13:33:36
老师总结：写的很完整！但是缺少自己的总结哦！js事件操作是最基础的东西！课后一定要多多练习哦！
