发表于: 2017-04-05 22:57:50

1 1063


今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin

思路:
1. 为页面添加两个按钮(开始闪和结束闪,)
2. 分别加上一个click事件(当点击"开始闪"按钮:
3. 随机获取九宫格中的三个小格子,
4. 随机获取三种颜色,
5. 并将这三种颜色分别添加到三个小格子的样式中,
6. 并设置定时或延迟函数控制随机的间隔.
7. 在另一个按钮"结束闪"的点击事件里添加一个方法,用于取消定时或延迟执行的函数)

明天计划的事情:(一定要写非常细致的内容) 

继续优化任务1

遇到的问题:(遇到什么困难,怎么解决的) 

了解javascript的全局函数;

学习使用javascript的自定义函数;

什么是文档对象模型 (DOM)?

javascript如何操作DOM

javascript如何修改CSS

收获:(通过今天的学习,学到了什么知识) 

文档对象模型 (DOM) HTMLXML文档的编程接口。它提供了对文档的结构化的表述,并定义了一种方式可以使从程序中对该结构进行访问,从而改变文档的结构,样式和内容。DOM 将文档解析为一个由节点和对象(包含属性和方法的对象)组成的结构集合。简言之,它会将web页面和脚本或程序语言连接起来。

DOM就是浏览器为JavaScript提供的一系列接口(通过window.documnet提供的),通过这些接口我们可以操作web页面。
jsDOM常用获取元素的方法

getElementById()                                通过元素id获取

getElementsByTagName()                   通过HTML标签名获取元素节点

getElementsByClass()                          通过元素类名获取属性节点

getElementByName()                           一般用在获取表单元素;



返回列表 返回列表
评论

    分享到