1.第一步：
首先创建一个HTML文件：
2.第二步：
书写script代码：
<body>
<div id="a1" onclick ="color();"></div>
</body>
<script>
function color() {
var div = document.getElementById("a1");
div.id = "a2";
}
</script>
3.第三步：
样式：
<style>
div
{
width:660px;
height:660px;
}
#a1
{
background :green;
}
#a2
{
background :red;
}
</style>
4.第四步:
运行结果：
5.第五步：
点击变色：
小伙伴们，现在可以自己动手试试了~
以上就是JavaScript关于变色的实例分享的详细内容，更多请关注php中文网其它相关文章！
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
上一篇：JavaScript使用误区的具体分析
下一篇：Javascript如何定义变量？
