摘要：<!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";//點(diǎn)擊變色
};
function myclick(b){ //點(diǎn)擊DIV變紅色后改變成圓形
b.style.background = "red";
b.style.borderRadius = "50px";
};
function mymouseout (c){ //鼠標(biāo)移開變色
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元素，讓效果更容易實(shí)現(xiàn)靈活。
批改老師：韋小寶批改時(shí)間：2018-11-24 13:33:36
老師總結(jié)：寫的很完整！但是缺少自己的總結(jié)哦！js事件操作是最基礎(chǔ)的東西！課后一定要多多練習(xí)哦！