[学习笔记]JavaScript基础--变色
来源:互联网 发布:图像识别算法有哪些 编辑:程序博客网 时间:2024/05/08 18:16
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /> <style> #div1 { width: 100px; height: 100px; background: #000000; } </style> <script> function setStyle(name, value) { var oDiv = document.getElementById('div1'); oDiv.style[name] = value; } /* 两种操作属性的方法 第一种:oDiv.style.name = value; 第二种: oDiv.style[name] = value; */ /* function setColor(color) { var a = 'background'; var oDiv = document.getElementById('div1'); oDiv.style[a] =color; } */ </script></head><body> <input type="button" value="变宽" onclick="setStyle('width','500px');" /> <input type="button" value="变高" onclick="setStyle('height', '500px');" /> <input type="button" value="变蓝" onclick="setStyle('background', 'blue'); " /> <div id="div1"> </div></body></html>
0 0
- [学习笔记]JavaScript基础--变色
- 学习笔记--------JavaScript基础
- JavaScript 基础 学习笔记
- [学习笔记]JavaScript基础
- [学习笔记]JavaScript基础
- JavaScript基础学习笔记
- [学习笔记]JavaScript基础
- javascript基础学习笔记
- JavaScript基础学习笔记
- JavaScript基础学习笔记
- javascript基础--学习笔记
- JavaScript基础学习笔记
- JavaScript基础学习笔记
- JavaScript学习笔记(二) 基础
- javascript 学习笔记 --- 基础篇
- [学习笔记]JavaScript基础--定时器
- [学习笔记]JavaScript基础--全选
- 慕课网javascript基础学习笔记
- Struts2开发环境搭建
- Binary Tree Level Order Traversal
- 【保研】2015计算机类保研夏令营感悟1(武汉大学计算机学院)
- 杭电1241
- 杭电1016
- [学习笔记]JavaScript基础--变色
- BootStrap按钮组
- CSS属性选择器的区别
- 从C来到JAVA
- poj 1651 Multiplication Puzzle【区间DP】
- 我的js:冒泡排序算法选择排序算法以及快速排序算法。
- opencv Mat结构和CImage的转化和显示
- 【Open】2015.08.03-连接脚本配置错误导致“不精确的数据访问违例”
- JAVA获取网页源码