发表于: 2017-04-05 22:57:50
1 1061
今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin)
思路:
1. 为页面添加两个按钮(开始闪和结束闪,),
2. 分别加上一个click事件(当点击"开始闪"按钮:
3. 随机获取九宫格中的三个小格子,
4. 随机获取三种颜色,
5. 并将这三种颜色分别添加到三个小格子的样式中,
6. 并设置定时或延迟函数控制随机的间隔.
7. 在另一个按钮"结束闪"的点击事件里添加一个方法,用于取消定时或延迟执行的函数)
明天计划的事情:(一定要写非常细致的内容)
继续优化任务1
遇到的问题:(遇到什么困难,怎么解决的)
了解javascript的全局函数;
学习使用javascript的自定义函数;
什么是文档对象模型 (DOM)?
javascript如何操作DOM;
javascript如何修改CSS;
收获:(通过今天的学习,学到了什么知识)
文档对象模型 (DOM) 是HTML和XML文档的编程接口。它提供了对文档的结构化的表述,并定义了一种方式可以使从程序中对该结构进行访问,从而改变文档的结构,样式和内容。DOM 将文档解析为一个由节点和对象(包含属性和方法的对象)组成的结构集合。简言之,它会将web页面和脚本或程序语言连接起来。
DOM就是浏览器为JavaScript提供的一系列接口(通过window.documnet提供的),通过这些接口我们可以操作web页面。
js中DOM常用获取元素的方法getElementById() 通过元素id获取
getElementsByTagName() 通过HTML标签名获取元素节点
getElementsByClass() 通过元素类名获取属性节点
getElementByName() 一般用在获取表单元素;
评论