本文给大家分享的是使用 javascript 实现控制 DIV 背景色的代码,非常的简单实用,有需要的小伙伴可以参考下。
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
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>
来源: