5月16日上課筆記-js中DOM操作

標籤：var   append   type   ace   刪除   Google瀏覽器   move   attribute   修改   

一、DOM操作    DOM節點的操作        增加        刪除        修改    節點的資訊：        nodeName   擷取節點的標籤名        parentNode  擷取父節點        childNodes  IE忽略斷行符號換行，chrome斷行符號換行是文本節點        nodeType  節點類型：                1：元素節點                3：文本節點                9：document節點                2：屬性節點        firstChild（支援IE瀏覽器） || firstElementChild（支援Google瀏覽器）        //擷取第一個子節點        var fc = ulDom.firstElementChild || ulDom.firstChild;        lastChild || lastElementChild 最後一個子節點        nodeValue:            元素節點，document節點的nodeValue都為null            文本節點的nodeValue，就是常值內容    節點的屬性：        attribute    建立節點：        createElement(tagname);        A.appendChild(B) 將B節點放到A節點的末尾        cloneNode(true); //複製節點，為true包括所有子節點        insertBefore(A,B);    刪除節點：        removeChild();        replaceChild();二、js操作樣式：    style屬性：    className(外部樣式和內部樣式)        類樣式 .class

 

5月16日上課筆記-js中DOM操作