【红宝书笔记】DOM0的小相关

今天看dom。。。=  =。。不知道为什么这两天看书总是困乏。。。看一点就要看不下去了。。好困。。=  =。。。效率有点低。。。所以吃完午饭之后半个小时就睡了一觉，起来还觉得困。。于是又出去吃了寿司=  =。。。。于是终于精神了。。。。迷之启动方式
DOM用于访问HTML和XML。平常用于dom操作来动态改变页面的内容。
恩。。可能是平常使用的dom操作有限。。所以对于其他的一些dom节点不是和感兴趣。。所以也没有记住。。
主要总结两种dom节点：node，element
1.node
node是基本的节点类型。所有的dom节点都是继承node类型。
node间有父子，邻居的关系。通过xx.parentNode可以查找到节点的父节点，通过xx.childNodes可以访问到该节点的子节点。其中childNodes得到的是nodelist对象。这个对象相当于子节点的指针，所以可以动态追踪节点的变化。nodelist类似array对象，可以通过下标或者item方法访问元素，或者通过Array.prototype.slice.call(xx,0)将nodelist对象转换成数组对象，方便操作。call(obj,arguments[0],arg[1]...)是将传入的obj作为函数的this指针，arg是参数。这样，Array.prototype.slice的this指针就指向了nodelist，然后slice函数有(start,end)表示对对象的[start,end)进行切片，又传入了0为参数，所以将nodejlist转成了数组，记得返回的对象才是转化后的array对象。
用nextSibling或previosSibling可以访问到节点的前后两个邻居节点
对node进行操作主要有四种方法：appendNode, insertBefore(要插入的节点，参照节点), replaceNode(要插入的节点，要替换的节点),removeChild。在replace中，要替换的节点会从dom树中删除。这四种方法都是对于操作节点的父节点而言，这是需要注意的。
2.element
element节点主要用来访问节点的标签名，id，类名等详细属性。
访问属性主要有两种方式，一种是属性访问，一种是getAttribute访问。注意的是如果是自定义属性，只能用getAttribute方法访问，用属性访问会返回undefined。。并且由于在style属性和事件处理属性上，两种方式返回的对象不一样。所以访问一般属性就用对象的属性方法，访问自定义属性的时候采用getAttribute方法.
关于设置属性，添加自定义属性的时候，直接指定属性和值是不能真正添加的，一定要用setAttribute方法来添加。
关于删除属性，使用removeAttribute