`

HTML DOM简介

    博客分类:
  • HTML
阅读更多

HTML DOM简介

 

HTML DOM一直在用,不过用的都是最常用的一些内容,真正问起来DOM的具体内容来,还真的回答不上来。趁周末,又翻阅W3SCHOOL的关于HTML DOM的内容,发现对于DOM的了解其实才仅仅皮毛而已,所以有必要对DOM进行一番梳理,想起了好久没有更新的博客,发现确实有写一些东西的必要了。呵呵,开玩笑了,没有新的内容,都是从W3SCHOOL上搬运下来的。

 

感谢http://w3school.com.cn

 

 什么是DOM?

 

 Document Object Model  文档对象模型

DOM是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。

 

 W3C DOM标准分为三个不同的部分

核心DOM - 针对任何结构化文档的标准模型
XML DOM - 针对XML
HTML DOM - 针对HTML

 

什么是HTML DOM?

 

HTML DOM 定义了所有HTML元素的对象和属性,以及访问他们的方法。

换言之,HTML DOM 是关于如何获取、修改、添加或删除HTML元素的标准。

 

DOM 节点

 

 在HTML DOM中,所有事物都是节点。

整个文档是一个文档节点
每个HTML元素是元素节点
HTML元素的内容是文本节点
每个HTML属性是属性节点
注释是注释节点



 

 

 通过HTML DOM,树中的所有节点均可通过JS进行访问。所有的节点均可被修改,也可以创建或删除节点。

 

 

 节点的 父,子和同胞关系


父(parent)

子(child)

同胞(sibling)

在节点树中,顶端节点被称为根(root)
每个节点都有父节点,除了根节点
一个节点可以拥有任意数量的子节点
同胞是拥有相同父节点的节点

 



 

 

  • 大小: 4.8 KB
  • 大小: 4 KB
分享到:
评论

相关推荐

    HTML DOM简介.rar

    目录如下: 1. DOM可以做什么? 2. DOM的结构 3. 访问DOM节点1——getElementById() 4. 访问DOM节点2——getElementsByTagName() 5. 访问DOM节点3——通过节点关系 6. DOM节点信息 ...11. DOM简介总结

    html—dom教程

    #### 一、HTML DOM 简介 - **基础知识**:在学习HTML DOM之前,建议读者掌握HTML/XHTML和JavaScript的基本知识。 - **DOM 定义**:DOM(Document Object Model)是一种平台和语言中立的接口,它使程序和脚本能够动态...

    探析在jQuery框架下操作HTMLDOM元素.pdf

    一、HTML DOM简介 HTML DOM(Document Object Model)是HTML文档对象模型的缩写,定义了访问和操作HTML文档的标准方法。它将网页中的各个元素都看作一个个对象,从而使网页中的元素也可以被计算机语言获取或编辑。...

    simple_html_dom,php下的html文件DOM解析库

    一、Simple HTML DOM解析库简介 PHP Simple HTML DOM解析库,正如其名,是一个专为PHP设计的HTML文档对象模型解析工具。它的主要优点是简单易用,可以快速地对HTML文档进行遍历、查找和修改,极大地简化了HTML处理...

    html dom中文手册,查阅方便,使用

    #### 一、HTML DOM简介 HTML DOM(Document Object Model)是一种标准的对象模型,用于表示HTML文档的结构。通过DOM,开发者可以改变文档的结构、样式或内容。DOM将文档定义为节点树的形式,每个节点都是文档中的一...

    HTML DOM简介_动力节点Java学院整理

    HTML DOM(Document Object Model)是一种编程接口,用于处理HTML和XML文档。它是W3C(万维网联盟)制定的一个标准,允许开发人员通过JavaScript或其他脚本语言与网页内容进行交互,包括添加、删除、修改和布局页面...

    HTML 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 Document ...

    c++ html dom 树

    HTML DOM(Document Object Model)树则是解析和操作HTML文档的一种标准模型。在这个项目中,开发者使用C++实现了一个DOM树,允许对HTML文档进行半结构化的处理。下面我们将深入探讨这个主题。 首先,C++ HTML DOM...

    htmlDOM方法手册

    htmlDOM方法手册htmlDOM方法手册

    前端开源库-htmldom

    《前端开源库——htmldom:Node.js中的HTML处理利器》 在当今互联网技术日新月异的时代,前端开发人员面临着各种挑战,其中一项便是如何有效地处理和操作HTML文档。在此背景下,`htmldom`应运而生,它是一个专门为...

    HTML DOM 参考手册 电子书

    HTML DOM(Document Object Model)是万维网联盟(W3C)制定的一种标准,它提供了一种结构化的表示HTML或XHTML文档的树型接口。DOM允许编程者和脚本语言(如JavaScript)来动态更新、添加、删除以及改变任何元素和...

    HtmlDom.rar_HTML dom_PHP HTMLdom

    标题“HtmlDom.rar_HTML dom_PHP HTMLdom”指出这个压缩包文件包含与HTML DOM和PHP中处理DOM相关的资源。文件“HtmlDom.chm”很可能是一个帮助文件,提供了关于PHP HTML DOM操作的详细指南。 PHP HTML DOM的核心是`...

    simple html dom php

    要使用Simple HTML DOM,首先需要下载库文件,这里我们有一个名为`simplehtmldom_1_5`的文件,通常是一个包含`simple_html_dom.php`的压缩包。将其解压并引入到PHP项目中,即可开始使用。 5. **使用示例** - 加载...

    PHP Simple HTML DOM Parser 中文手册

    simple_html_dom中文解析手册

    Laravel开发-htmldom

    在压缩包文件"htmldom-master"中,可能包含了这个库的源代码和示例,你可以通过阅读和学习这些代码来深入了解如何在实际项目中应用"htmldom"。在使用前,你需要通过Composer安装这个库,然后在Laravel4的项目中引入...

    HTML DOM 参考手册

    HTML DOM(Document Object Model)是Web开发中的一个关键概念,它是一种标准,允许程序员和脚本语言(如JavaScript)以结构化的方式访问和操作HTML或XML文档。DOM将网页视为一个树形结构,其中每个节点代表文档的一...

    DOM基础及DOM操作HTML

    王兴魁老师在“AJAX视频(Netbeans)DOM基础及DOM操作HTML”课程中,可能会深入讲解如何在实际开发中利用DOM进行AJAX(异步JavaScript和XML)通信。AJAX允许网页在不刷新整个页面的情况下与服务器交换数据并更新部分...

    php simple html dom

    php simple html dom

    simple_html_dom 1.8.1

    一直以来使用php解析html文档树都是一个难题。Simple HTML DOM parser 帮我们很好地解决了使用 php html 解析 问题。可以通过这个php类来解析html文档,对其中的html元素进行操作 (PHP5+以上版本)。

Global site tag (gtag.js) - Google Analytics