第一章 一些基本概念 HTML（超文本標記語言），構建網頁的靜態結構，由一系列的DOM組成； CSS（層疊樣式表），給網頁各部分結構添加樣式； JavaScript，通過獲取DOM給靜態結構加上動作，使用戶能夠與靜態網頁進行交互； DOM，一種API（應用程式介面），通過這個介面動態的訪問和修改結構 ...
第一章 一些基本概念
HTML（超文本標記語言），構建網頁的靜態結構，由一系列的DOM組成；
CSS（層疊樣式表），給網頁各部分結構添加樣式；
JavaScript，通過獲取DOM給靜態結構加上動作，使用戶能夠與靜態網頁進行交互；
DOM，一種API（應用程式介面），通過這個介面動態的訪問和修改結構或樣式。
瀏覽器內核，即渲染引擎（rendering engine），造成不同瀏覽器之間存在相容問題。渲染引擎負責對html和js文檔進行解釋並決定瀏覽器如何顯示網頁內容及樣式。目前常用的幾種瀏覽器引擎，Safari&chrome--WebKit，firefox--Gecko，IE--Trident。
第二章 Javascript語法
html的基本結構：
<!DOCTYPE html> <html lang="en"> <head>
<meta charset="utf-8"/>
<title></title>
</head> <body></body> </html>
js代碼必須通過html實現，有兩種方法：
1，把代碼放在head中的script標簽內
2，把代碼單獨存為js文件，在script標簽中引用js文件路徑，script標簽可以放在head或body中，放在body中效率更高
由於之前學過廖雪峰的JavaScript基礎教程，本書的第二章只是簡單的回顧。
第三、四章 操作DOM的方法和屬性
1，節點分為三種，元素節點，文本節點，屬性節點，文本節點和屬性節點包含在元素節點中
2，css負責給各元素添加樣式，為了精準的定位到唯一的元素，給元素添加class屬性或id屬性。
class屬性可以應用到多個元素上，css中用 .class名 給一類元素添加樣式；
id屬性只能應用到唯一元素上，css中用 #id名 給唯一的元素添加樣式；
3，獲取元素的方法，屬於document對象
getElementById；getElementsByClassName；getElementsByTagName
id對應唯一的元素，所以方法為單數element；class和tag對應多個元素，所以方法為複數elements
使用方法：
var test=document.getElementById('id名'); 返回元素節點，每個元素節點都是一個對象，所以返回的數據類型為對象
tag和class方法可以用for迴圈遍歷一組元素
4，獲取和設置元素的屬性，屬於元素節點對象
獲取屬性getAttribute，一個參數，需要獲取的屬性名。
設置屬性setAttribute，兩個參數，需要修改的屬性名，修改後的值。
註意：1）當屬性不存在時，先創建屬性，再給屬性賦值
2）通過setAttribute修改屬性值後，在瀏覽器中查看源代碼時仍顯示修改前的值，這是由於DOM的工作模式，先靜態載入頁面結構再動態刷新，動態刷新不影響靜態結構，不在瀏覽器里刷新頁面提高網頁打開的速度
5，一些常用的元素節點對象的屬性
childNodes，獲取某一元素的全部子節點
註意：返回的是數組，但不能用length獲取該節點子元素的個數，因為childNodes返回的不只有元素節點，所有的節點都計算在內
兩種簡化寫法：
firstChild，等價於childNodes[0]，第一個元素
lastChild，等價於childNodes[childNodes.length-1]，最後一個元素
nodeType，返回數字判斷節點的類型，元素節點1；屬性節點2；文本節點3
nodeValue，獲取節點的值
