JS事件操作练习
<!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元素，让效果更容易实现灵活。