今天的天气不错,教室里空气湿度适宜,在这种环境下学习,有助于记忆;只可惜由于昨晚睡眠质量不好,今天的精神比较萎靡,上课也是有点昏。但是今天所学习的东西大致上可以理解,也可以自行手打,早在几天前,我就已经听说过DOM的大名了,通过今天的学习我发现,DOM的学习相比于BOM来说的确要稍微有一点点麻烦,主要是逻辑性比BOM要强一点点,需要大量的练习才能掌握,但由于平时晚上时间有限,所以我决定在这个周末好好整理并联系一番,一定要牢牢的掌握这些东西。为了加强记忆,随笔都要纯手打,下面我就来总结今天一天的学习内容,和个人对这些知识的理解:
文档对象模型DOM可以使Javascript访问网页上的元素,DOM定义了一些类型的节点来控制网页,每一个HTML标签是一个元素节点(1;标签名;null);包含在元素中的文本是文本节点(3;#text;文本)【换行也是文本节点】;每一个HTML属性是一个属性节点(2;属性名;属性值);注释属于注释节点(8;#comment;注释文字);每一个文档都是一个文档节点(9;#document;null)nodeName(节点名称)、 nodeValue(节点值)、nodeType(节点类型)是节点的三个重要的属性;节点的引用:节点名 .parentNode(获得父节点的引用);节点名.childNode(获得子节点的集合);节点名.firstChild(获得第一个子节点);节点名.lastChild(获得最后一个子节点);子节点.nextSibling(获得下一个兄弟节点的引用);节点名.previousSibling(获得上一个兄弟节点的引用)以上这些获得节点的引用都需要加强记忆,切记,切记。
随后我们又讲了创建元素节点document.createElement("元素标签名");创建文本节点document,createTextNode("文本");看了一下课堂记录,发现还有一个创建属性节点的document.createAttribute(”属性名“),但是实在对这个没什么映象,哎,学艺不精,看来下去还得去查阅一下资料;后面又讲了加入节点:父对象.appendChild(追加的节点) ;插如节点:父对象.insertBefore(要插入的对象,被插入的对象);删除节点:父对象.removeChild(删除的节点);替换的节点:父对象 .replaceChild(替换的节点,等待被替换额节点)。
最后function $(id){return document.getElementById(id)},这是一个非常好用的方法,以后一定要好好利用这种方法;innerHTML返回开始和结束标签之间的 HTML文本(可修改)。今天暂且就总结了这么多了。我觉得每天睡前总结其实挺好的,可以把白天的需要记忆知识整理归纳一下,这是一个非常好的行为。在抽点时间敲敲代码的话就更对学习有帮助了。 世界,晚安!明天见!