11.23 DOM

DOM
查看节点类型
nodeType  返回数字值返回指定节点的节点类型
     如果节点是元素节点，则返回1
    如果节点是属性节点，返回2
    如果节点是文本节点，返回3；
nodeName   返回节点名称（大写标签名）    text.nodeName  返回节点的所有子节点
nadeValue  文本节点返回文本内容，其他节点返回Null
childNodes[] 返回节点的所有子节点

获取方法：  element[attributename]
        element.attributename
    get.Attribute(attributename)
设置属性   
    setAttribute（attributename，attributevalue）
删除属性
    removeAttribute（attributename）

操作子节点
创建节点：   createElement
    eg：var node=document.createElement('p')
                node.inner=''
appendChild  在DOM子集最后添加子节点
使用方法 ： parentNodeObj.appendChild(newNode)
insertBefore  在指定的已有子节点之前插入新的子节点
    方法：  parentNodeObj.insertBfore(newNode,目标节点[再次之前插入])
removeChild  删除一个节点
    方法：  parentNodeObj.removeChild（removeNode[需要删除的子节点]）
replaceChild 替换节点
    方法：  parentNodeObj.replaceChild(newNode,目标节点[要替换的节点])

常用属性
     className  类名
     offsetHeight 高
     offsetWidth 宽
     offsetLeft，offsetTop  获取距离第一个定位父节点左上角的距离