现在我们利用javascript的只是来做一个变色的小例子，具体步骤如下所示.
1.第一步：
首先创建一个HTML文件：
立即学习“Java免费学习笔记（深入）”；
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中文网其它相关文章！
java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
564
收藏
