探究DOM模型中三大节点的使用

开发 前端
DOM模型的概念向大家大家应该有所了解,这里向大家描述一下DOM模型中的节点,在DOM模型中有三种节点,分别是元素节点,属性节点和文本节点。

本文向大家简单介绍一下DOM模型中的节点,在DOM模型中有三种节点,它们分别是元素节点,属性节点和文本节点,相信通过本文的学习你对DOM模型的节点有深刻的认识。

DOM模型中的节点

在DOM模型中有三种节点,元素节点,属性节点,文本节点。

元素节点

可以说整个DOM模型都是由元素节点构成的。元素节点可以包含其它的元素,例如<li>可以包含在<ul>中,惟一没有被包含的就只有根元素HTML。

属性节点

作为页面中的元素,或多或少会有一些属性,例如,几乎所有的元素都有title属性。开发着可以利用这些属性,来对包含在元素里的对象做出更准确的描述。例如:

  1. <ahrefahref=http://www.sutao123.cn
  2. title="我的资料网我做主"> 我的资料网我做主</a> 

上面代码中href="http://www.sutao123.cn"和title="我的资料我做主"就分别是两个属性节点。由于属性是被放在标签里,因此属性节点总是被包含在元素节点中。

文本节点

在HTML中,光搭建框架是不够的,页面最终的目的是向用户展示内容。例如上述的例子中,"我的资料网我做主"这就是一个文本节点,是我们要向用户展示的内容。本节关于DOM模型的节点就简单介绍到这里。
 

【编辑推荐】

  1. JavaScript DOM特性与应用详解
  2. W3C DOM模型用法详解
  3. 应用MSXML的DOM模型处理XML
  4. 深入了解JavaScript HTML DOM对象
  5. 术语汇编 Javascript DOM技术探究

 

 

责任编辑:佚名 来源: sutao123.cn
相关推荐

2010-09-28 09:43:37

DOM文档对象模型

2010-09-28 15:27:09

JavaScript

2010-09-28 14:00:25

DOMAPI

2010-09-28 10:24:50

HTML DOMXML DOM

2010-03-12 10:21:48

Python函数

2010-08-16 11:33:16

DIV定位

2010-07-23 13:07:39

Perl

2010-10-08 09:26:45

JavaScript程

2010-09-15 13:50:04

CSSposition属性

2010-09-28 10:09:35

DOM对象模型

2010-08-13 13:39:51

Flex效果组件

2010-09-28 08:54:49

JavascriptDOM

2010-08-26 17:02:35

DIV定位

2010-09-08 15:13:09

Node节点Node属性

2009-09-15 10:46:06

Visual Stud

2009-02-05 17:57:00

2022-03-21 16:04:57

数据中心算力工信部

2009-09-10 17:44:36

DOM模型INQ模型

2010-06-30 17:24:46

UML用例图

2010-09-28 09:33:25

DOM模型
点赞
收藏

51CTO技术栈公众号