手机
当前位置:查字典教程网 >编程开发 >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调用XML制作连动下拉列表框

javascript正则表达式总结

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

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

javascript实现删除前弹出确认框

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

Javascript 小技巧全集第1/4页

javascript实现淡蓝色的鼠标拖动选择框实例

精品推荐
分类导航