js——dom

dom

• DOM節點
  元素節點 : Node.ELEMENT_NODE===xxx.nodeType=1
  文本節點 ： Node.TEXT_NODE===xxx.nodeType=3
  
• 層次節點屬性
  
  移除空白節點（谷歌瀏覽器和火狐瀏覽器會把換行當成空白節點）
  

• 節點操作
  
  使用parentNode方法時，要想添加到同級後面，應該在父節點上添加元素

window.onload = function () {
    var box = document.getElementById('box');
    var p = document.createElement('p');
    box.parentNode.appendChild(p);
}

瀏覽器檢測

瀏覽器屬性檢測

能力檢測

加載

DOM操作必須等HTML文檔加載完畢，纔可以獲取——window.onload

html屬性

tagName,innerHTML

getAttribute()

setAttribute() , removeAttribute()

• dom擴展

1. 呈現模式
   
   
   2.滾動
   

• 去除空白節點
  
• 獲取內容