<style>
*{
color: blue
font-family: '楷体'
}
</style>
color表示字体颜色, font-family表示字体样式
1、在html中定义一个dom元素,比如div。
2、给div添加一个onclick事件,同时定义一个响应事件的js函数。
3、在js函数中获取该div元素,通过document.getElementById()方法
4、通过元素的style属性中backgroundColor属性即可修改背景色。
示例:
//刚开始默认颜色白色
<div id="mydiv" style="width:200pxheight:200pxborder:1px solid black" onclick="changeBackground()"></div>js函数:
<script type="text/javascript">function changeBackground(){
var mydiv = document.getElementById('mydiv')
mydiv.style.backgroundColor="blue"
}
</script>