码迷,mamicode.com
首页 > 编程语言 > 详细

javascript系列(二)DOM

时间:2016-06-09 18:42:34      阅读:213      评论:0      收藏:0      [点我收藏+]

标签:

DOM(文档对象模型)描绘了一个层次化的节点树。

1.1 Node类型

  节点类型一共可分为十二种,且其都是继承自Node类型,其都共享相同的基本属性和方法。其中主要的节点类型有元素节点(element node)、属性节点(attribute node)、文本节点(text node)。要想了解节点的具体信息,可以使用nodeName和nodeValue两个属性,而nodeType可以确定节点的类型。

  其中,元素节点的nodeType为1,属性节点的nodeType为2,文本节点的nodeType为3.

 if (someNode.nodeType == Node.ELEMENT_NODE){
       alert(‘这是一个元素节点‘); 
}
//由于在IE的特殊性,所以上面的代码会出现错误,为了确保浏览器的兼容,所以最好还是使用下面的方法来确定其节点类型。
if (someNode.nodeType == 1){ alert(‘这是一个元素节点‘); }

  在每个节点中,其都有一个childNodes属性,其中保存这一个NodeList对象(注意:NodeList能够自动反映DOM结构的变化,其是动态的。)。同样,每个节点都有一个parentNode属性,该属性指向文本的父节点。在某个节点的childNodes中所有的列表都具有相同的父节点。所以在某个Node中,其有多个方法来操作节点,以一图来表示。

注意:firstElementChild、nextElementSibling、

 

javascript系列(二)DOM

标签:

原文地址:http://www.cnblogs.com/xigua1994/p/5572574.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!