JavaScript DOM对象

一、DOM树中的节点类型和节点关系

        1、节点类型

                1、元素节点   1

                2、属性节点   2

                3、文本节点    3

        2、节点关系

                父子关系和同级关系

二、W3C规定的三类DOM标准接口

        1、Core DOM(核心DOM)，适用于各种结构化文档

        2、XML DOM，专用于XML文档

        3、HTML DOM，专用于HTML文档

三、查看节点

        1、节点node

                1、obj.nodeName  节点名称

                2、obj.nodeType   节点类型

                3、obj.nodeValue  节点内容

        2、通过父节点对象查找子节点对象(可能会有文本节点 换行）

                父节点对象.firstChild   查找父节点下的第一个子节点

                父节点对象.lastChild   查找父节点下的最后一个子节点

                父节点对象.childNodes  查找父节点下的所有子节点

        3、通过父节点对象查找子元素节点对象

                父节点对象.firstElementChild  查找父节点下的第一个子元素节点

                父节点对象.lastElementChild  查找父节点下的最后一个子元素节点  

                父节点对象.children   查找父节点下的所有子元素节点

        4、通过子节点对象查找父节点对象

                子节点对象.parentNode  通过子节点查找父节点

                子节点对象.parentElement   通过子节点查找父元素

        5、查看修改删除属性节点

                节点对象.getAttribute("属性名"); 根据属性名获取属性值

                节点对象.setAttribute("属性名","属性值"); 添加属性名属性值

                节点对象.removeAttribute("属性名"); 删除对应的属性

        6、查找兄弟节点

                obj.nextSibling 查找下一个兄弟节点  可能为文本

                obj.nextElementSibling 查找下一个元素兄弟节点

                obj.previousSibling 查找上一个兄弟节点 可能为文本

                obj.previousElementSibling 查找上一个元素兄弟节点

        7、创建和增加节点的方法

                document.createElement(""); 增加元素节点

                父节点对象.appendChild(); 追加元素对象到父元素中最后