摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> &
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js事件</title>
<style>
.box1{width: 100px;height: 100px;background: #B9AEEE;}
</style>
</head>
<body>
<div onclick="clic(this)"></div>
<script>
function clic(x) {
x.style.borderRadius="50px"
x.style.boxShadow="3px 3px 5px #999"
x.style.background="pink"
}
</script>
</body>
</html>本实例完成的是是鼠标点击div后，div变成圆形，背景颜色改变并产生边框阴影的效果，涉及到的事件是单击事件（onclick）；改变元素的css样式，在js中用x.style.样式名称（注意符合属性用驼峰写法，比如box-shadow要写成boxShadow）
批改老师：韦小宝批改时间：2019-01-26 13:11:42
老师总结：写的很不错 我就是好奇 你这个div给了一个点击效果 但是你这个div内部啥也没有，并且也没有给div宽和高，请问你在测试的时候是怎么点击的呢？？
