js的DOM编程艺术的学习笔记（一）

1.数组：用来存储一组值

数组的定义： 1. var sz = new Array（4）； 2. var sz = new Array() ;

3. var sz = new Array("1","2","3","4");  4. var sz = ["1", "2", "3", "4"]

数组的元素：数组存储的元素不单单能够是字符串，也能够是数值，布尔类型等元素；更为厉害的是能够把各类类型的数据放在一个数组中：var sz  = new Array ("zfc", 12, true); 同时数组的元素还能够是另外的一个数组： var sz1 = new Array("1”，"2", "3'); var sz2 = new Array();  sz2[0] = sz1;

2.对象：js的内建对象【Array, Date】和宿主对象【WEB浏览器提供的预约义对象：Image, Form, Element】以及用户自定义对象

3.DOM：文档对象模型。当建立一个网页并把他加载到web浏览器中时，DOM就在幕后悄然而生。它就会根据你编写的网页文档建立建立一个文档对象。四个很是实用的DOM方法：getElementById() ，getElementsByTagName, getAttribute 和setAttribute:

3.1：节点根据类型的不一样分为：1.元素节点；2.属性节点；3.文本节点。

3.2：其中使用 getElementById("")获取到的是一个对象，该对象对应着文档中的一个元素节点。相似的getElemensByTagName返回的对象数组，也是对应的是元素节点数组

3.3 : 每个节点都是一个对象。

3.4元素节点和属性节点以及文本节点之间的关系：

提问<>文本节点和元素节点为父子关系，可是属性节点和元素节点是兄弟关系吗？若是是兄弟关系，
那么经过“元素对象.属性名”的方式访问属性怎么解释？究竟元素节点和属性节点什么关系呢？

参照图：

4:DOM的总结：文档中给的每个元素都对应着一个对象 

5：DOM中的this关键字 表明“这个操做对象”

6：DOM中的其余的属性：  object.shuxing 这种引用方式

6.1 : childNodes:返回全部的子节点（全部类型的节点对象都包含在内，属性节点，文本节点以及元素节点等，在document文档中，几乎全部的东西都被解释为节点，甚至空格和换行符都成为节点，他们都包含在childNodes返回的属性数组中）【遍历全部的子节点】

6.2 : 使用node.nodeType能够分区文档中的各个不一样类型的节点：其中元素节点的nodeType为1；属性节点的nodeType为2；文本节点的nodeType为3.【获取子节点的所属类型】

6.3：使用nodeValue获取某一个节点的文本值【获取节点的文本值：例如<p>My Test<p>中 p元素节点的nodeValue 为 null ; 咱们要想获取到My Test 文本，须要 p。childNodes[0].nodeValue来获取。由于My Test 文本节点对象是p元素节点的第一个子节点。 nodeValue是用来返回文本节点的文本值，对弈元素节点返回 null】

6.3.1：经过getElementById("")获取到元素节点对象，进而经过 getAttributeNode("属性名")获得对应的属性节点对象，同时能够经过firstChild来获取到文本节点对象。

6.4：

"window.location.href"、"location.href"是本页面跳转

"parent.location.href"是上一层页面跳转

"top.location.href"是最外层的页面跳转

６.5 : node.firstChild 等价于 childNodes[0];  node.lastChild