JavaScript关于变色的实例分享
程序员文章站
2022-04-12 13:25:43
...
现在我们利用javascript的只是来做一个变色的小例子，具体步骤如下所示.
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实现加减乘除最简单的实例分享
-
如何判断Javascript对象是否存在的简单实例_javascript技巧
-
PHP实现Javascript中的escape及unescape函数代码分享，escapeunescape
-
MySQL 5.7 关于 JSON 类型的子集Key/Value获取方法分享
-
js类的静态属性和实例属性的理解_javascript技巧
-
javascript - 在分享到Q空间的同时，如何实现同时执行另外一个操作？
-
JavaScript中关于for循环删除数组元素内容时出现的问题
-
javascript - 关于网站换皮肤的功能，谁可以告诉下mac.pcbeta.com 它的换肤原理？
-
关于MySQL时常闪退的问题解决办法分享（图）
-
关于JavaScript的小故事，JavaScript故事