龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

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

时间:2013-03-06 14:58来源:未知 作者:admin 点击:
分享到:
本文向大家简单介绍一下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模型的节点就简单介绍到这里。
 

精彩图集

赞助商链接