手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >javascript实现控制div颜色
javascript实现控制div颜色
摘要:js控制div颜色#div1{width:400px;height:400px;background-color:red;}function...

js控制div颜色

<html> <head> </head> <style> #div1{width:400px;height:400px;background-color:red;} </style> <script> function blue(){ div1=document.getElementById('div1'); div1.style.backgroundColor='blue'; } function pink(){ div1=document.getElementById('div1'); div1.style.backgroundColor='pink'; } function black(){ div1=document.getElementById('div1'); div1.style.backgroundColor='black'; } </script> <body> <button onclick='wr();'>生成文字</button> <button onclick='blue();'>blue</button> <button onclick='pink();'>pink</button> <button onclick='black();'>black</button> <div id='div1'> </div>

以上所述就是本文的全部内容了,希望大家能够喜欢。

【javascript实现控制div颜色】相关文章:

javascript实现图片跟随鼠标移动效果的方法

javascript相关事件的几个概念

Javascript 小技巧全集第1/4页

javascript实现控制的多级下拉菜单

javascript常用方法总结

Javascript实现每日自动换一张图片的方法

理解Javascript图片预加载

JavaScript实现点击文字切换登录窗口的方法

Javascript调用XML制作连动下拉列表框

javascript实现简单的进度条

精品推荐
分类导航