`
javawangli
  • 浏览: 224087 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

DOM 总结(一)

阅读更多


 DOM 总结(一)

 

 

 一,概念:

     DOM 全称:Document Object Modle (文档目标模板),DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。 换句话说,这是表示和处理一个HTMLXML文档的常用方法。有一点很重要,DOM的设计是以对象管理组织(OMG)的规约为基础的,因此可以用于任何编程语言.

 二,含义:

 

    D:文档 – html 文档 或 xml 文档

    O:对象 – document 对象的属性和方法

    M:模型

    DOM 是针对xml(html)的基于树的API。 

    DOM:节点(node)的层次。

    DOM 把一个文档表示为一棵家谱树(父,子,兄弟)

DOM定义了Node的接口以及许多种节点类型来表示XML节点的多个方面

 三,DOM结构:

 DOM结构就类似与家谱结构图 :

    

  DOM真正的结构图

    

     所以DOM中是这样规定的:

     1.整个文档是一个文档节点 

     2.每个 HTML 标签是一个元素节点 

     3.包含在 HTML 元素中的文本是文本节点 

     4.每一个 HTML 属性是一个属性节点 

     5.注释属于注释节点 

     因此DOMHTML 文档中的每个成分都是一个节点

  

 四:Node

    节点彼此都有等级关系:

    HTML 文档中的所有节点组成了一个文档树(或节点树)。HTML 文档中的每个元素、   属性、文本等都代表着树中的一个节点。树起始于文档节点,并由此继续伸出枝条,直到处于这棵树最低级别的所有文本节点为止。

     

   节点:

   由结构图中我们可以看到,整个文档就是一个文档节点。 

   而每一个HMTL标签都是一个元素节点。 

   标签中的文字则是文本节点。 

   标签的属性是属性节点。 

   一切都是节点……

    节点树:

节点树的概念从图中一目了然,最上面的就是“树根”了。节点之间有父子关系,祖先与子孙关系,兄妹关系。这些关系从图中也很好看出来,直接连线的就是父子关系了。而有一个父亲的就是兄妹关系……

 

最常用Node的接口和特性:

 

特性/方法

类型/返回类型

说明

nodeName

String

根据节点的类型而定义名字

nodeValue

String

根据节点的类型定义值

nodeType

String

根据节点的类型定义类型

firstChild

Node

指向在childNodes列表中的第一个字节

lastChild

Node

指向在childNode列个表中的的最后一个字节

childNode

Node

所有子节点的列表

hasChildNodes

Boolean

childNodes包含一个或多个节点时,返回真

*Node的接口还有很多,可以参考相应的API在这就不详细说明.

查找元素的方法:

可以通过很多种方法来查找想访问的节点,最常用的两种方法:

  1,通过使用 getElementById() 和 getElementsByTagName() 方法 

  2,通过使用一个元素节点的 parentNodefirstChild 以及 lastChild 属性 

**结束语:如何使用这两种方法,请关注DOM 总结(二)

<!--EndFragment-->
  • 大小: 96.2 KB
  • 大小: 16.9 KB
  • 大小: 120.2 KB
1
3
分享到:
评论

相关推荐

    dom学习总结

    2. **节点操作**:在DOM中,每个元素、属性或文本都是一个节点。可以使用JavaScript或其他编程语言获取、创建、删除和修改这些节点。例如,`document.getElementById()`用于获取特定ID的元素节点,`appendChild()`...

    JavaScript获取HTML DOM节点元素的方法的总结

    ### 一、通过`document`对象获取DOM节点 #### 1. `document.getElementById(elementId)` 这个方法是最常用且最高效的获取特定DOM节点的方式。它通过元素的ID来定位,返回与指定ID匹配的第一个节点。由于ID在文档中...

    JavaScript_——DOM总结.txt

    #### 一、DOM (Document Object Model) 介绍 **DOM**,即文档对象模型,是一种与平台和语言无关的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。在 Web 开发中,DOM 主要用于操作 HTML 和 XML ...

    javascript 常用DomAPI总结

    ### JavaScript DOM API 总结 #### 一、概述 JavaScript 的 Document Object Model (DOM) API 是一种用于 HTML 和 XML 文档的标准编程接口。通过 DOM API,开发者能够动态地访问、更新文档的内容、结构和样式。...

    JavaSript DOM总结笔记.rar

    在本篇总结笔记中,我们将深入探讨JavaScript与DOM的互动,包括查找、修改和添加网页元素。 1. **DOM基本概念** - DOM树:HTML文档被解析后形成一棵节点树,每个节点代表文档的一部分。 - 元素节点:HTML标签对应...

    DOM基础及DOM操作HTML

    总结来说,DOM是理解网页动态交互的核心技术,它提供了一种标准化的方式来操作HTML和XML文档。通过学习DOM基础和DOM操作HTML,你可以更好地控制网页内容,实现动态效果,提升网页的交互性和用户体验。王兴魁老师的...

    分别使用DOM和DOM4j解析XML文件

    总结来说,DOM和DOM4j都是解析XML的有效工具,各有其适用场景。DOM4j因其简便的API和出色的性能,成为了Java开发中的首选。通过熟练掌握这两种解析方式,开发者能够更好地处理XML数据,提升应用程序的功能和性能。

    谷歌获取网页dom的插件

    总结来说,"谷歌获取网页DOM的插件"是一个强大的工具,可以帮助开发者和爬虫工程师深入理解和操作网页DOM,有效地抓取和分析网页数据。通过利用这个插件,可以提高数据抓取的效率和准确性,尤其对于那些依赖...

    使用dom4j 和本地dom 解析xml 文件

    总结来说,DOM解析是标准的XML处理方式,而DOM4J是其增强版,提供了更多的特性。在Java开发中,根据XML文件的大小和处理需求,可以选择DOM4J以获得更好的性能和便利性。理解并熟练掌握这两种解析技术,对于处理XML...

    DOM和SAX概念的总结

    【DOM和SAX概念的总结】 在XML处理中,有两个主要的解析模型:基于对象的DOM(Document Object Model)和基于事件的SAX(Simple API for XML)。它们都是用来解析和操作XML文档的API,但各有特点和适用场景。 DOM...

    DOMParser解析xml

    总结,DOMParser是JavaScript中处理XML文档的重要工具,通过DOM API可以方便地操作XML数据。在理解和掌握DOMParser的基础上,结合实际项目需求,我们可以有效地利用XML进行数据交换、配置管理等多种任务。

    dom4j_1.6.1.jar dom4j_2.1.0.jar

    总结来说,DOM4J是一个强大的XML处理库,提供了丰富的API和功能,包括解析、操作和查询XML文档。两个不同版本的jar文件包含了源码和文档,方便开发者深入学习和自定义。了解和掌握DOM4J对于处理XML任务的Java开发...

    解决vue页面DOM操作不生效的问题

    总结来说,当在Vue中遇到DOM操作不生效的问题时,首先要检查是不是因为数据更新后立即进行了DOM操作。如果是这样,可以利用Vue提供的nextTick方法,将DOM操作放在nextTick的回调中执行。这样可以确保操作时DOM已经是...

    dom4j-2.1.3.zip

    总结来说,DOM4J 2.1.3是一个强大且易用的XML处理工具,它的API文档和源代码为开发者提供了便利的学习和开发环境。无论你是XML初学者还是资深开发者,DOM4J都能成为你处理XML任务的得力助手。通过深入学习和实践,你...

    dom4j使用简介

    总结,DOM4J 是一个强大且灵活的 XML 处理工具,适用于各种需要处理 XML 的 Java 应用。通过其简洁的 API 和对 DOM、SAX、XPath 和 XSLT 的全面支持,DOM4J 提供了高效、易用的解决方案,是 Java 开发者处理 XML 的...

    dom4j-2.0.3.zip

    总结,DOM4J作为Java处理XML的首选工具之一,其易用性、灵活性和高效性为XML操作带来了极大的便利。了解并掌握DOM4J,对于提升XML相关项目的开发效率至关重要。通过阅读DOM4J的API文档(如`dom4j-2.0.3-javadoc.jar`...

    DOM与DOM4J的实战操作

    总结来说,本文通过具体的代码示例,详细介绍了Java环境下如何使用DOM API进行XML文档的操作。这些操作包括对XML文档节点的遍历、查找、增加、修改以及删除等基本处理,这些技能在处理和管理XML数据时非常实用。文档...

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

    总结,dom4j是一个强大且灵活的XML处理库,提供了丰富的API来读取、操作和生成XML文档。通过利用XPath的支持,可以高效地定位和提取XML数据,极大地简化了XML编程。在实际开发中,根据项目需求选择合适的解析器...

    dom4j的Java工程

    总结来说,这个“dom4j的Java工程”是一个学习和实践DOM4J的绝佳资源。通过研究其中的代码,你可以掌握DOM4J处理XML的基本技巧,并理解如何将其应用到实际的Java项目中,以实现XML文件的高效管理和操作。无论是新手...

Global site tag (gtag.js) - Google Analytics