手机
当前位置:查字典教程网 >编程开发 >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实现每日自动换一张图片的方法

浅谈Javascript线程及定时机制

javascript鼠标滑动评分控件完整

基于JavaScript实现智能右键菜单

javascript模拟评分控件实现方法

JavaScript实现表格点击排序的方法

Javascript 小技巧全集第1/4页

理解Javascript图片预加载

精品推荐
分类导航