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