发表于: 2017-07-06 00:07:24

1 1012


今天完成的事情:

在mooc网上完成JS的基础课程,和JS进阶的前三章。制作了小课堂相关的课件。


明天计划的事情:

有针对性的学完JS进阶中与任务一有关的部分,及看情况完成任务一。


遇到的问题: 

还不知道怎么写任务一,如何获取盒子?document.getElementByClassName("").


收获:

1、学习了如何取一个0-9之间的随机数。通过Math.floor(Math.random()*9)来获得。

2、学习了DOM的相关操作。

DOM(文档对象模型)是针对HTML 和XML 文档的一个API(应用程序编程接口)。DOM描
绘了一个层次化的节点树,允许开发人员添加、移除和修改页面的某一部分。DOM脱胎于
Netscape 及微软公司创始的DHTML(动态HTML),但现在它已经成为表现和操作页面标记的真正的跨
平台、语言中立的方式。

DOM事件: 允许 JavaScript 对 HTML 事件作出反应

             <p>onclick 事件——当用户点击时</p>

            <p>onload 事件——用户进入</p>

            <p>onunload 事件——用户离开</p>

            <p>onmouseover事件——鼠标移入</p>

            <p>onmouseout事件——鼠标移出</p>

            <p>onmousedown事件——鼠标按下</p>

            <p>onmouseup 事件——鼠标抬起</p>

获取类名标签: document.getElementsByClassName("time")[0].innerHTML = "16:43";

获取元素名标签 :document.getElementsByTagName("div")[0].className = "text-time";

3、DOM的缺点主要表现在:效率低,解析速度慢,内存占用量过高,对于大文件来说几乎不可能使用。另外效率低还表现在大量的消耗时间,因为使用DOM进行解析时,将为文档的每个element、attribute、processing-instrUCtion和comment都创建一个对象,这样在DOM机制中所运用的大量对象的创建和销毁无疑会影响其效率。

4、Javascrip获取html的dom对象的操作的方法通常有哪些?

      常见的有三种:

       1、通过 id 找到 HTML 元素。

       2、通过标签名找到 HTML 元素。

       3、通过类名找到 HTML 元素。



返回列表 返回列表
评论

    分享到