父子节点
var uname=document.getElementById('uname')
uname.parentNode 父节点
uname.childNodes(非属性子节点的集合 属性子节点是指修饰的属性值)
uname.nodeName 节点名称
uname.firstChild 第一个子节点(注意空格 空白会看作空白文本子节点)
uname.lastChild 最后一个子节点
uname.previousSibling 上一个兄弟节点
uname.nextSibling 下一个兄弟节点
document.createElement('标签名')
节点名。getAttribute('属性名')
节点名。setAttribute('属性名','属性值')
节点名。appendChild('新节点')
节点名。insertBefore('新节点','老节点')
节点名。removeChild(节点)
节点名。hasChildNode