HTML5中新API：
按類名查找元素：IE8不支持
var elems=
document/parentNode.getElementsByClassName("類名")按選擇器查找元素：IE8支持！
按照選擇器查找符合條件的元素：
var firstElem=document.querySelector("CSS選擇器");
var elems=document.querySelectorAll("CSS選擇器");
原生API：底層實現！vs 舊getxxxByXXX方法
舊getxxxByXXX方法：返回僅是實際元素對象的引用。還須返回樹結構中遍歷對象的屬性。
selectors API：返回結果包含完整的元素對象和屬性。不需要再返回樹中遍歷，即可訪問元素的所有屬性！DEMO：二級菜單彈出
onmouseover: 鼠標進入元素邊界時，*發生一次*！
onmouseout: 鼠標移出元素邊界時，觸發一次DOM樹的快速獲得指定節點：
document.documentElement: 整個<html>的內容——瞭解
document.body：直接獲得body元素！——重要*爬樹：
向上爬：parentNode：
向下爬：querySelectorAll:*元素樹：節點樹去掉屬性節點和文本節點後得到的只有元素組成的樹。
節點樹 vs 元素樹：
父節點 parentNode parentElementNode
所有子節點 childNodes children
第一個子節點 firstChild firstElementChild
最後子節點 lastChild lastElementChild
前一個兄弟 previousSibling previousElementSibling
後一個兄弟 nextSibling nextElementSibling
動態創建節點：3步：
1. 創建空節點：
var newElem=document.createElement("標籤名");
比如：var a=document.createElement("a");
<a></a>
2. 設置節點對象必要屬性：
比如：a.href="http://tmooc.cn";
a.innerHTML="tmooc";
<a href="http://tmooc.cn">tmooc</a>
************************
*3. 將節點掛到指定父元素下*
//向父元素末尾追加新元素
parentNode.appendChild(newElem);
//在父元素中間，插入新元素
parentNode.insertBefore(newElem,後一個現有元素對象)
HTML5入門-2
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
技術整理（陳年佳釀）
技術站點 Hacker News：非常棒的針對編程的鏈接聚合網站 Programming reddit：同上 MSDN：微軟相關的官方技術集中地，主要是文檔類 infoq：企業級應用，關注軟件開發領域