<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div{ width: 100px; height: 100px; background: #000; } </style> </head> <body> <div id="d"> </div> <button id="c" value="变颜色" οnclick="change()">变</button> <script> var b =document.getElementById('c'); var i= document.getElementById('d'); function change(){ i.style.backgroundColor='pink'; } </script> </body> </html>
点击按钮出发事件
之前试了一次document.bgColor='pink';变换的是整个页面的背景颜色;i.style.backgroundColor='pink';这一个是改变div的背景颜色。