摘要：<!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>本實(shí)例完成的是是鼠標(biāo)點(diǎn)擊div后，div變成圓形，背景顏色改變并產(chǎn)生邊框陰影的效果，涉及到的事件是單擊事件（onclick）；改變?cè)氐腸ss樣式，在js中用x.style.樣式名稱(chēng)（注意符合屬性用駝峰寫(xiě)法，比如box-shadow要寫(xiě)成boxShadow）
批改老師：韋小寶批改時(shí)間：2019-01-26 13:11:42
老師總結(jié)：寫(xiě)的很不錯(cuò) 我就是好奇 你這個(gè)div給了一個(gè)點(diǎn)擊效果 但是你這個(gè)div內(nèi)部啥也沒(méi)有，并且也沒(méi)有給div寬和高，請(qǐng)問(wèn)你在測(cè)試的時(shí)候是怎么點(diǎn)擊的呢？？