程序博客网 > 怎么宣传新开淘宝店

HTML DOM总结

来源：互联网发布：怎么宣传新开淘宝店编辑：程序博客网时间：2024/06/16 00:55

l 定义

DOM即文档对象模型(Document Object Model)，是W3C组织推荐的处理可扩展标志语言的标准编程接口。

DOM 定义了访问 HTML 和XML 文档的标准：

“W3C 文档对象模型（DOM）是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”

我们主要讲述HTMLDOM，通过 JavaScript，您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。要改变页面的某个东西，JavaScript 就需要获得对 HTML 文档中所有元素进行访问的入口。这个入口，连同对 HTML 元素进行添加、移动、改变或移除的方法和属性，都是通过文档对象模型来获得的（DOM）。

l DOM节点

在HTML DOM 中，所有事物都是节点。DOM 是被视为节点树的 HTML。一个HTML文档包含的节点有：
A、整个文档是一个文档节点

B、每个 HTML 元素是元素节点

C、HTML 元素内的文本是文本节点

D、每个 HTML 属性是属性节点

E、注释是注释节点

² 节点树

HTML DOM 将 HTML 文档视作树结构。这种结构被称为节点树。如下图：

通过 HTML DOM，树中的所有节点均可通过 JavaScript 进行访问。我们可以通过在客户端写客户端脚本来对所有的节点进行操作，包括对所有 HTML 元素（节点）的修改，创建或删除。

² 节点的分类

节点主要分为三类：元素节点、属性节点、文本节点。

如图：

² 节点的层级关系

我们知道节点树中的各个节点之间拥有层级关系，比如，<html>下有<head>和<body>,这样我们称<html>为其父节点，而后两者为之子节点，后两者互为同胞。简易示意图如下：

总结：

1.在节点树中，顶端节点被称为根（root）

2.每个节点都有父节点、除了根（它没有父节点）

3.一个节点可拥有任意数量的子

4.同胞是拥有相同父节点的节点

l DOM操作

l 总结

1、DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。换句话说，这是表示和处理一个HTML或XML文档的常用方法。

2、Dom技术使得用户页面可以动态地变化，如可以动态地显示或隐藏一个元素，改变它们的属性，增加一个元素等，Dom技术使得页面的交互性大大地增强。

3、DOM实际上是以面向对象方式描述的文档模型。DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。可以把DOM认为是页面上数据和结构的一个树形表示，不过页面当然可能并不是以这种树的方式具体实现。

0 0

怎么宣传新开淘宝店

怎么宣传新开淘宝店

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子宝宝不讲道理怎么办孩子晚上低烧怎么办晚上小孩发烧怎么办小儿不爱睡觉怎么办小儿睡眠少怎么办宝宝有火怎么办宝宝有眼屎怎么办婴儿内热发烧怎么办宝宝小便黄怎么办两周半宝宝发烧怎么办孩子容易发脾气怎么办宝宝打雷被吓到怎么办宝宝不愿说话怎么办一岁半宝宝叛逆怎么办一岁半特别叛逆怎么办经期奶水少怎么办经期奶量少怎么办儿童叛逆期怎么办宝宝不愿吃饭怎么办在娘家受气怎么办欠钱没有钱还怎么办不想回婆家怎么办容易跟人生气怎么办人太老实怎么办三十了一事无成怎么办断夜奶哭的厉害怎么办断了夜奶涨奶怎么办夜奶断了母乳怎么办夜奶断了张奶有怎么办害怕数学怎么办害怕考不好怎么办孩子忌奶不喝奶粉怎么办婆婆看不起我怎么办公婆欺负人怎么办宝宝奶瘾大怎么办宝宝有奶瘾怎么办两岁断夜奶奶粉怎么办宝宝嘴巴里长泡怎么办孩子断奶哭怎么办婆家爱算计怎么办经常咬指甲怎么办