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