1. 帶有Element和不帶的區別

　　　　a)  帶Element的獲取的是元素節點

　　　　b)  不帶可能獲取文本節點和屬性節點

1. 獲取所以子節點

　　　　a)   . childNodes

　　　　b)   . children

　　　　c)   . parentNode . children [索引]

1. . children：獲取所有子節點
2. opacity：0-1；透明度
3. alpha（opacity：百分數）；IE6/7/8透明度
4. 先綁定事件再進行循環
5. previousNode（）上一個兄弟節點
6. alert（變量名）可測試變量名是否可以使用
7. 獲取body，var body = document.body；

 設置樣式的兩種方式

style

1. 行內式可以獲取打印出來
2. 內嵌和外鏈的獲取不了
3. 樣式少的時候使用
4. 駝峰命名規則
5. style屬性是對象屬性
6. 值是字符串類型，沒設置的時候是“空字符串”
7. .style. cssText = “字符串形式的樣式”

　　　　

 

 

 

 

 

 

 

 

dom元素的創建方法

　　1.documrnt.write（“<li></li>”）

　　　　　　A)  script寫在那就創建在那

　　　　　　B)  會被覆蓋

　　2.parentNode.innerHTML += “<li></li>”

　　3.已有節點.appendChild（創建的節點）；追加新節點到已有節點的最后面

var ul = document.getElementsByTagName('ul')[0];          //獲取已有元素
var li = document.createElement('li');                            //創建一個li標簽
var liText = document.createTextNode('我是一個LI標簽'); //創建一個文本節點
ul.appendChild(li);                                                    //把li標簽追加到ul最后面
li.appendChild(liText);                                            //把文本節點追加到li標簽中

　　4.已有節點.insertBefore（創建的節點，已有節點的子節點節點）；在已有節點的子節點之前創建一個新的節點

var ul = document.getElementsByTagName('ul')[0];                 //獲取已有元素
var li = document.createElement('li');                         　　   //創建一個li標簽
var liText = document.createTextNode('我是一個LI標簽');   //創建一個文本節點
li.appendChild(liText);                                               //把文本節點追加到li標簽中
var list = document.getElementsByTagName('li')[2];     //獲取ul的一個子節點
ul.insertBefore(li,list);                                           //添加在list標簽之前

　　5.刪除   父節點.removeChild（要刪除的子節點）；

A)  var ul = document.getElementsByTagName('ul')[0];      //獲取已有元素
var li = document.createElement('li');                            //創建一個li標簽
var liText = document.createTextNode('我是一個LI標簽'); //創建一個文本節點
var list = document.getElementsByTagName('li')[2];     //獲取ul的一個子節點
ul.removeChild(list);                                               //刪除ul里的list節點

list.parentNode.removeChild(list);                       //現照到list的父元素，在進行刪除，可以不定義父元素

　　6.替換  父節點.replaceChild（新節點，老節點）；

A)  var ul = document.getElementsByTagName('ul')[0];     //創建一個文本節點
var li = document.createElement('li');                            //創建一個li標簽
var liText = document.createTextNode('我是一個LI標簽'); //創建一個文本節點
li.appendChild(liText);                                                //把文本節點追加到li標簽中
var list = document.getElementsByTagName('li')[2]; //replaceChild 替換節點
ul.replaceChild(liText,list);                                      //liText替換叼list

　　7.克隆  var 變量 = 被克隆的節點.cloneNode（true）；  （如果true改為false，那么將克隆一個空節點）

var newNode = li.cloneNode(true);              //克隆一個li節點給變量newNode

ul.appendChild (newNode);                         //將克隆的節點添加到ul之后