javascript文件摘录.pdf

• JavaScript DOM API初探 • 2010-09-08 17:26 佚名 飞诺网 我要评论() 文档对象模型(Doucment Object Model,DOM)是表示文档(如 HTML 文档、XML 文档)和访问、 操作构成文档的各种元素的应用程序接口，DOM树形结构是各种类型的 Node 对象的树，Node 接口为遍历和操作树定义了属性和方法，就这方面，文章将介绍 JavaScript DOM API 的用 法及注意事项。 文档对象模型(Doucment Object Model,DOM)是表示文档(如 HTML 文档、XML 文档)和访 问、操作构成文档的各种元素的应用程序接口。在 DOM 中，HTML 文档的层次结构被表示成 树形结构。树的节点表示文档中的各种内容。 51CTO推荐阅读：JavaScript DOM的本质及操作方法 DOM 树形结构是各种类型的 Node 对象的树。Node接口为遍历和操作树定义了属性和方 法。Node 对象的 childNodes 属性将返回子节点的列表 NodeList 对象，firstChild、 lastChild、nextSibling、previousSibling和 parentNode 属性提供了遍历树的方法。 appendChild()、removeChild()、replaceChild(old,new)和 insertBefore()方法，可以给 文档树添加节点或从文档中删除节点。 注意：在使用 appendChild()方法时，如果参数是文档中已存在的节点，该方法会先从 文档中去掉该节点。 文档树中不同类型节点由特定 Node子接口表示，每个 Node对象都有 nodeType 属性， 指定节点的类型。常用节点类型： 接口 nodeType常量 nodeType值 Element Node.ELEMENT_NODE 1 Text Node.TEXT_NODE 3 Document Node.DOCUMENT_NODE 9 Comment Node.COMMENT_NODE 8 DocumentFragment Node.DOCUMENT_FRAGMENT_NODE 11 Attr Node.ATTRIBUTE_NODE 2 DOM 树的根节点是个 Document 对象，它的 documentElement 属性引用表示文档根元素 的 Element对象。大部分 DOM 树由表示标记(如html和i)的 Element对象和表示文本串 的 Text 对象构成。 Element 接口的 getAttribute()方法、setAttribute()方法和removeAttribute()方法 可以查询、设置和删除一个元素的性质。还可以调用 getAttributeNode()方法(该方法使用 不适很方便)，返回一个表示性质和它的值的 Attr 对象(Attr接口定义了 specified 属性， 可以判断文档中是否直接指定了该性质，或判断它的值是否是默认值)。但要注意，Attr 对 象不出现在元素的childNodes[]数组中，不像Element和Text节点那样是文档树的一部分。 DOM 标准允许通过 Node 接口的 attributes[]数组访问 Attr 节点，但 IE 定义了不兼容的 attributes[]数组。 DOM标准可以与XML文档和HTML文档一起使用。DOM的核心API(Node、Element、Document 和其他接口)相对通用，可以应用于这两种类型的文档。DOM标准还包括 HTML 文档专有的接 口(HTML***Element)。 DOM 标准的HTML 部分为其他所有 HTML标记都定义了相应的接口。对大部分 HTML 标记 来说，这些接口只是提供了一套镜像他们的 HTML 性质的