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.滚动
   

• 去除空白节点
  
• 获取内容