发表于: 2017-07-06 00:07:24
1 1013
今天完成的事情:
在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 元素。
评论