`
lokvin
  • 浏览: 164872 次
  • 性别: Icon_minigender_1
  • 来自: 地球
文章分类
社区版块
存档分类
最新评论

DOM 基础 (1)

XML 
阅读更多
   DOM 是语言无关的 API.谈论 DOM 树的时候指的是节点的层次

  • Document - 最顶层节点,其他节点附属于它
  • DocumentType - DTD 引用节点
  • DocumentFragment - 可以像 Document 一样保存其他节点
  • Element - 表示起始标签和结束标签之间的内容
  • Attr - 表示属性名和 value
  • Text - 表示标签之间的文本,或者 CDATA section 包含的文本
  • CDataSection -  节点
  • Entity - Entity 定义节点,<!ENTITY foo "foo">
  • EntityReference - 实体引用节点 , &quot;
  • ProcessingInstruction - PI 节点
  • Comment - 注释节点
  • Notation - 表示 DTD 中定义的记号



一个 example:

<?xml version="1.0">
  <employees>
    <!-- only employee -->
    <employee>
      <name>Tom</name>
      <position>Programmer</position>
      <comments><![CDATA[his birthday is 8/23/1998]]></comments>
    </employee>
  <employees>


[img]http://photo1.bababian.com/upload14/20081120/8DB8AA68D2A02DA1E4B29C9A69262108_500.jpg" alt="[/img]

Node 接口定义了12 个常量

  • Node.ELEMENT_NODE(1)
  • Node.ATTRIBUTE_NODE(2)
  • Node.TEXT_NODE(3)
  • Node.CDATA_SECTION_NODE(4)
  • Node.ENTITY_REFERENCE_NODE(5)
  • Node.ENTITY_NODE(6)
  • Node.PROCESSING_INSTRUCTION_NODE(7)
  • Node.COMMENT_NODE(8)
  • Node.DOCUMENT_NODE(9)
  • Node.DOCUMENT_TYPE_NODE(10)
  • Node.DOCUMENT_FRAGMENT_NODE(11)
  • Node.NOTATION_NODE(12)


一些属性和方法

属性/方法                 返回类型             说明
nodeName                String                     节点名字
nodeVale                String
nodeType                Number                    
ownerDocument         Document                   指向节点所属 Document
firstChild            Node                     childNodes 中第一个
lastChild             Node                     childNodes 中最后一个
childNodes            NodeList              子节点列表
previousSibling      Node         前一个兄弟,如果该节点是第一个返回null
nextSibling       Node         后一个兄弟,如果该节点是最后一个返回null
hasChildNodes     Boolean      是否包含子节点
attributes      NamedNodeMap
appendChild(node)    Node    添加Node 到 childNodes 末尾
removeChild(node)    Node    从 childNodes 中删除 node
replaceChild(newnode, oldnode)   Node    替换
insertBefore(newnode, refnode)   Node    插入到 refnode 之前


  • NodeList - 节点数组,按数值索引
  • NamedNodeMap - 同时用数值名字索引的节点表
分享到:
评论

相关推荐

    DOM基础及DOM操作HTML

    **DOM基础** DOM,全称为Document Object Model,中文译为文档对象模型,是W3C组织制定的一个标准,用于表示XML或HTML文档的一种结构化表示方式。DOM将整个文档视为一个由节点组成的树形结构,其中每个节点代表文档...

    HTML DOM基础教程(网页形式)

    DOM 首页 DOM 简介 DOM 节点 DOM 节点树 DOM 节点访问 DOM 节点信息 DOM How To DOM 参考 DOM 总结 DOM 实例 DOM 实例 DOM 对象 DOM Window DOM Navigator DOM Screen DOM History DOM Location DOM ...

    JvavScript之dom基础(源代码)

    JvavScript之dom基础(源代码)JvavScript之dom基础(源代码)JvavScript之dom基础(源代码)JvavScript之dom基础(源代码)JvavScript之dom基础(源代码)JvavScript之dom基础(源代码)JvavScript之dom基础(源...

    DOM基础(ppt).pdf

    标题《DOM基础》和描述《JavaScript DOM基础》表明这是一份关于JavaScript文档对象模型(Document Object Model,简称DOM)的入门级教学内容。DOM是编程语言中一个用于HTML和XML文档的API,它提供了一种方式,使得...

    dom.zip

    一、DOM基础 1. DOM树结构:HTML文档被解析成一系列的节点,这些节点按照它们在文档中的关系组成了一棵DOM树。树的根节点是`&lt;html&gt;`,其余的节点则根据它们在HTML结构中的位置分别嵌套在相应的位置。 2. 节点类型...

    html.rar_dom基础学习

    DOM基础学习主要包括以下几个方面: 1. **DOM结构**:DOM将HTML文档解析为一棵由节点组成的树,其中每个元素、属性和文本都对应一个节点。根节点是`&lt;html&gt;`,下面包含`&lt;head&gt;`和`&lt;body&gt;`两个子节点。元素节点有子...

    dom4j基础入门文档(SAX,DOM,XPATH)

    【dom4j基础入门文档(SAX,DOM,XPATH)】 dom4j是一个流行的Java库,专门用于处理XML文档。相较于W3C DOM API,dom4j的优势在于它内置了本地XPath支持,使得XML文档的查询和操作更为简便。本文将深入介绍dom4j的...

    DOM基础教程之使用DOM

    1. DOM概念 文档对象模型(DOM,Document Object Model)是一个跨平台和语言独立的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。DOM将HTML或XML文档表示为树结构,每个节点代表文档中的一个部分...

    Dom编程基础.pdf

    DOM编程基础是网页开发中的重要概念,主要涉及如何使用JavaScript操作HTML页面的元素。DOM(Document Object Model)是HTML和XML文档的一种结构化表示,它将网页内容视为一系列可编程的对象,包括元素、属性和文本。...

    DOM基础.pdf

    文档对象模型(DOM,Document Object Model)是Web开发...以上是DOM基础中涉及到的关键知识点,它们构成了网页动态交互和内容管理的基础。通过深入理解和应用这些知识点,可以有效地控制网页元素的动态行为和样式表现。

    XML DOM基础教程(免费资源)

    这个“XML DOM基础教程”显然是为了帮助初学者理解和掌握XML与DOM的核心概念。 XML的主要用途是存储和传输结构化数据。它与HTML不同,HTML主要用于显示数据,而XML则专注于数据的结构和意义。XML文档由一系列元素...

    DOM基础.doc

    【DOM基础】 DOM,全称为Document Object Model,是一种基于标准的、与语言无关的、平台无关的接口,用于访问和操作HTML、XML文档。它将网页内容抽象为一棵树形结构,允许开发者通过JavaScript或其他编程语言来遍历...

    05-DOM基础.pptx

    总的来说,DOM基础是JavaScript中进行动态网页开发的关键技能,通过熟练掌握DOM节点的操作和元素属性的控制,开发者可以实现丰富的交互效果和动态内容更新,提升用户体验。对于想要深入学习JavaScript和Web开发的人...

    XML&DOM基础教程.CHM

    XML&DOM基础教程.CHM

    java基础学习dom资料及jar包

    1. **Java基础知识**: - **语法基础**:Java是一种面向对象的语言,其基本语法包括变量声明、数据类型、控制结构(如if语句、for循环、while循环)、方法定义、类和对象等。 - **面向对象编程**:理解类与对象的...

    DOM4J从基础到精通

    ### DOM4J从基础到精通 #### 一、DOM4J介绍 DOM4J是一个用于处理XML的Java库,它的设计目标是简单易用且功能强大。作为一个开源项目,DOM4J可以在SourceForge等平台上免费获取。根据IBM developerWorks上的一篇...

    XML DOM深入浅出之基础

    在“XML DOM深入浅出之基础”这个主题中,我们将探讨DOM的核心概念、主要功能以及如何在实际编程中应用。 首先,DOM将XML文档视为一个树形结构,其中每个元素、属性、文本节点等都有其对应的对象,这些对象组成了一...

    Ajax完全自学手册-DOM基础及高级DOM技术(word版,附源码)

    **Ajax完全自学手册-DOM基础及高级DOM技术** 在Web开发中,DOM(Document Object Model)扮演着核心角色,它是HTML和XML文档的结构化表示,允许编程语言与页面内容进行交互。本手册深入浅出地讲解了DOM的基础概念...

    DOM — DOM对象继承关系1

    DOM 对象继承关系 DOM(Document Object Model)是 HTML 和 XML 文档的编程接口,它允许...DOM 对象继承关系是 DOM 编程的基础,了解这些继承关系可以帮助开发者更好地理解和使用 DOM 对象,提高开发效率和质量。

Global site tag (gtag.js) - Google Analytics