createElement() : 創建一個元素節點。
appendChild() : 往一個節點的里面追加一個新的子節點
appendChild方法接受一個節點對象作為參數,可以創建新的節點,但如果參數是現有節點,會從原來的位置移動到新位置
insertBefore (新節點,插入到誰的前面) : 往一個指定子節點前面插入一個新的子節點
removeChild() : 從父級刪除一個指定的子節點。
replaceChild() : 用一個新的節點,替換一個子節點。
第一個參數? : 新的節點
第二個參數? : 被替換的節點。
cloneNode() : 復制當節點。
參數 一個布爾值 指定是否復制節點里面的后代節點。
1,參數默認為 false,即只復制節點本身,不復制后代節點。
2,事件不會被復制,只會復制 DOM 結構。
innerHTML? &&? outerHTML
innerHTML只能獲取到元素的內容
outerHTML可以獲取到元素本身及內容
操作元素屬性的三種方式:
第一種 .屬性名
第二種? ['屬性名']
1,.屬性名 的方式,.后面只能是屬性名,而不能用變量
2,['屬性名'] 屬性名一定要加引號
前兩種方式,獲取不到行間的自定義屬性。
第三方式:
獲取屬性 : getAttribute('屬性名');
在獲取class時
標準 : 'class'
ie6/7/8 : 'className'
設置屬性 :setAttribute('屬性名稱','屬性值')
setAttribute() 設置的屬性是添加到標簽上的。
刪除屬性 :removeAttribute('屬性名')
第三種方式獲取不到通過前兩個方式定義的自定義屬性。
(ie6/7/8下可以獲?。?/p>
第三種方式操作元素屬性的好處:
1,可以操作行間的自定義屬性。
2,可以獲取到 src \ href \ url 等的相對地址。
ie6、7下需要指定第二個參數(2或3);