DOM简介

DOM=Document Object Model (文档对象模型)定义了对象的类型和属性，从而允许浏览器表示标记

每项都是一个节点

       节点：我们知道标记的每一个部分都由一个对象表示，但它不只是一个任意的对象，它是特定类型对象，一个DOM节点，比如：文本，元素和属性，都继承自这个基本节点类型。

例如：var number = document.getElementById("phone").value

        DOM树中的每一个元素和每段文本都有一个父亲，这个父节点可能是另外一个元素的孩子，或者DOM树中的顶层元素。

 结点的属性：

        nodeName：结点的名称

            nodeValue：节点的值

            parentNode:返回父结点

            childNodes:孩子节点

            firstChild:仅仅是childnodes列表中的最后一个节点

            lastChild:与上面相似

            previousSibling：返回当前节点之前的节点（同一个父节点）

            nextSibling:返回下一个节点（同一个父节点）

            attributes:仅用于元素节点，返回元素的属性列表

节点的方法：

      insertBefore(newChild, referenceNode) 将 newChild 节点插入到 referenceNode 之前。记住，

                                                                       应该对 newChild 的目标父节点调用该方法。

      replaceChild(newChild, oldChild) 用 newChild 节点替换 oldChild 节点。

      removeChild(oldChild) 从运行该方法的节点中删除 oldChild 节点。

      appendChild(newChild) 将 newChild 添加到运行该函数的节点之中。newChild 被添加到目标节点孩

                                            子列表中的末端。

      hasChildNodes() 在调用该方法的节点有孩子时则返回 true，否则返回 false。

      hasAttributes() 在调用该方法的节点有属性时则返回 true，否则返回 false。

元素节点：

1. 与属性处理有关的方法：
   • getAttribute(name) 返回名为 name 的属性值。
   • removeAttribute(name) 删除名为 name 的属性。
   • setAttribute(name, value) 创建一个名为 name 的属性并将其值设为 value。
   • getAttributeNode(name) 返回名为 name 的属性节点
   • removeAttributeNode(node) 删除与指定节点匹配的属性节点。
2. 与查找嵌套元素有关的方法：
   • getElementsByTagName(elementName) 返回具有指定名称的元素节点列表。

转载于:https://www.cnblogs.com/jesse-run/archive/2011/05/25/2057443.html