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  获取距离第一个定位父节点左上角的距离

原文地址:https://www.cnblogs.com/xiaoxiongv1/p/7886593.html