美文网首页程序员
DOM(Node 类型)

DOM(Node 类型)

作者: 零小白 | 来源:发表于2013-08-29 09:09 被阅读616次

DOM(文档对象模型)是针对 HTML 和 XML 文档的 API 。DOM 描绘了一个层次化的节点树,允许开发人员添加、移除和修改页面的一部分。

Node 类型

JavaScript 中所有的节点类型都继承自 Node 的类型, 因此所有的节点都共享着相同的基本属性和方法。

1. noteType

每个节点都有一个 noteType 属性,用于表明节点的类型。节点的类型由在 Node 类型中定义的12个数值常量来表示。例如:

+ Node.ELEMENT_NODE(1);
+ Node.ATTRIBUTE_NODE(2);
+ Node.TEXT_NODE(3);
+ Node.DOCUMENT_NODE(9);
2. nodeName 和 nodeValue

这两个属性的值完全取决与节点类型。后边会看到。

3. 节点关系

节点间的关系类似于家谱图,包括childNodes、firstChild、lastChild、parentNode、nextSibling 和 previousSibling。
对于元素间的空格,可能会造成浏览器之间的行为不一致。为了弥补这一差异,添加了5个新属性,包括ChildElementCount、firstElementChild、lastElementChild、previousElementSibling 和 nextElementSibling。

4. 操作节点的方法

包括appendChild()、 insertBefore() 、replaceChile()、 removeChild()。

5. 其他方法

克隆节点的方法 cloneNode() ,接收一个布尔值,表示是否执行深度复制。
规范化文本节点 normalize(), 在一个包含两个或多个文本节点的父元素上调用 normalize() 方法,会将所有的文本节点平合成一个文本节点。

相关文章

  • DOM API 类型

    粗略的过一遍DOM API DOM类型 Node类型 Node接口是 DOM1级就定义了, Node接口定义了 1...

  • dom 文档树的节点类型

    参考 lib.dom.d.ts,与 Dom 树相关的节点类型 Element Document Node Node...

  • DOM编程之API总结篇

    原文 链接 一、基本类型介绍 1.1 Node类型 DOM1级定义了一个Node接口,该接口由DOM中所有节点类型...

  • DOM

    DOM1级定义了一个Node接口,该接口由DOM中所有节点类型实现。这个Node接口在JS中是作为Node类型实现...

  • Javascript操作DOM常用API总结

    Node类型 DOM1级定义了一个Node接口,该接口由DOM中所有节点类型实现。这个Node接口在JS中是作为N...

  • 【DOM】Node类型

    DOM1级定义了一个Node接口,该接口由DOM中的所有节点类型实现。这个Node接口在JavaScript中作为...

  • DOM(Node 类型)

    DOM(文档对象模型)是针对 HTML 和 XML 文档的 API 。DOM 描绘了一个层次化的节点树,允许开发人...

  • JavaScript高级程序设计笔记10

    DOM 节点层次 (1)Node类型 (2)Document类型 (3)Element类型 (4)Text类型 (...

  • Javascript DOM操作常用API汇总

    目录 1. 基本概念 1.1 Node类型 DOM1级定义了一个Node接口,该接口由DOM中所有节点类型实现。这...

  • 你所不了解的javascript操作DOM的细节知识点

    一:Node类型DOM1级定义了一个Node接口,该接口是由DOM中的所有节点类型实现。每个节点都有一个nodeT...

网友评论

    本文标题:DOM(Node 类型)

    本文链接:https://www.haomeiwen.com/subject/ccdftttx.html