前端高级工程师JavaScript之节点属性.pdfVIP

后盾网 人人做后盾 JavaScript 后盾网 2011-2016 HTML 文档中的所有节点组成了一个文档树模型 ， HTML 文档中的每个元素、属性、文本等都代表着 树中的一个节点。这些节点相互联系 ，相互影响 ， 构成一个完整的页面 ，我们称之为模型。 DOM 模型(model) 后盾网 人人做后盾 DOM 模型(model) 后盾网 人人做后盾 HTML 文档中的每个成分都是一个节点。 整个文档是一个文档节点 每个 HTML 标签是一个元素节点 包含在 HTML 元素中的文本是文本节点 每一个 HTML 属性是一个属性节点 注释属于注释节点 节点 后盾网 人人做后盾 通过节点属性我们能获得每个节点的详细信息 (包括节点类型、节点名字、节点值) 获得节点信息的属性 节点类型 节点名称 节点值 nodeType nodeName nodeValue 元素节点 1 标签名 null 属性节点 2 属性名 属性值 文本节点 3 #text 文本 注释节点 8 #comment 注释的文字 文档节点 9 #document null 节点的属性 后盾网 人人做后盾 通过节点的属性 ，能够获取到每个节点之间的关系 ，并且可以通过这种关 系 ，准确快速的获取到相应节点的对象。 获得节点关系的属性 对象.parentNode 获得父节点的引用 对象.childNodes 获得子节点的集合 对象.firstChild 获得第一个子节点的引用 对象.lastChild 获得最后一个子节点的引用 对象.nextSibling 获得下一个兄弟节点的引用 对象.previousSibling 获得上一个兄弟节点的引用 节点的属性 后盾网 人人做后盾 我们之前对页面元素的操作 ，都是在操作现有的元素 ， 那么我们如何动态的创建、删除、更改、复制元素 ， 给元素添加属性、样式呢 ？就就需要用到我们节点的 方法。 节点的方法 后盾网 人人做后盾 一、创建元素节点 1创建空元素节点 document.createElement(元素标签名); 2创建属性节点 对象.setAttribute(属性名,属性值) 3创建文本节点 对象.innerHTML=; 节点的方法 后盾网 人人做后盾 二、追加到页面当中 父对象.appendChild(追加的对象