JavaScript DOM編程藝術學習筆記（八）充實文檔的內容
display:inline 把本來縱向排列的設置成一行 從而橫向排列
display:block 讓橫向排列的元素獨佔一行 而不是在同一行橫着往後排
display:none 可以讓其不出現
有的瀏覽器會把title屬性的內容顯示爲彈出式的提示框有些會把它們顯示在狀態欄裏
對於標記而言，選用html還是xtml是你的自由 重要的是不管選用哪種文檔類型 使用的標記必須與選用的doctype一致
所有元素：var quoteElements = quotes[i].getElementsByTagName(“*”) 會返回所有的元素（tag）
JavaScript DOM編程藝術學習筆記（九）CSS-DOM
瀏覽器裏看到的網頁其實是由以下三層信息構成的共同體：
結構層 表示層 行爲層
結構層：由html或者xhtml之類的標記 語言負責創建。標籤對網頁內容的語義做出描述
表示層：由css負責完成 描述頁面內容如何呈現
行爲層：負責內容應該如何響應事件這一問題
這三種技術之間存在一些潛在的重疊區域。例如用dom可以改變網頁結構，諸如createElement和appendChild等創建和添加標記(tag)
css上也有這種重疊，如:hover :focus之類的僞類允許你根據用戶觸發事件改變元素呈現效果。
元素節點的屬性 如parentNode nextSibling previousSibling childNodes firstChild lastChild 告訴我們文檔中各個節點的關係信息
nodeType nodeName 屬性包含元素本身的信息
文檔每個元素節點都有一個屬性style
style包含元素樣式 查詢style屬性將返回一個對象而不是簡單的字符串 樣式都存放在style對象的屬性裏
如果要獲取元素的font-family可以用element.style.fontFamily 因爲-號不能出現在函數或者變量名裏。background-color也會寫成backgroundColor等這種駝峯式的命名
但是在外部樣式表css裏聲明的樣式不會進入style對象，在文檔的head部分聲明的樣式也是如此，只有在元素標記裏插入style屬性纔可以用dom style屬性去查詢
如:<p id=“example” style=“color:gray;font:12px”>這樣
即style屬性只能返回內嵌樣式！
但是在js裏拿到元素 然後用elem.style.color這種方式去設置顏色 就能在js裏拿到值
css允許:hover等僞類根據html元素的狀態改變樣式，dom也可以通過onmouseover等事件對html元素的狀態變化做出響應
如果不想使用dom直接設置或者修改那麼多樣式，可以設置一個className 然後在css裏設置那個class
原來是elem.style.color = “black” 現在改成elem.className = “intro” 然後css裏 .intro{color:black}
如果你是想追加而不是替換屬性，用elem.className += “ disclaimer”（注意前方有個空格）不過追加前當然要檢查是否爲空 如果已經有屬性了再追加 沒有就直接設置