js文档对象模型DOM

1、textarea、select、input必须同时有id和name
2、每个节点都有两个属性：
nodeName和nodeType
但只有文本节点才会有nodue值
3、相关一系列节点的获取方式：
var p = document.getElementByIdx_x("pnode");
父节点：
p.parentNode
子节点的数组集合：
p.childNodes，不兼容，尽量不用
此数组下有：firstChild和lastChild
文本节点：
分清：nodue 文本节点内容
value 文本框内容
兄弟节点：
sibling：英译为，兄弟姐妹
后一个 p.nextSibling
前一个的名字 p.previousSibling.nodeName
注意：
不要跳太多层，也就是不要过多的使用兄弟节点
注意：
寻找时相对的，document对象是在整个文档里找所有的，而通常是只在某个对象里找
getElementsByName:
返回数组
专门用于处理radio和checkbox
getElementsByTagName:
返回数组
根据标签名找
a()：
追加和挂起元素到子节点
insertBefore()：
插入到前面，相对于a()
ul.insertBefore(li,ul.firstChild) 把li插入到ul.firstChild的前面
添加标签属性：
方法一：a.href="http://www.qq.com" 这样写最通用
方法二(不兼容)：a.setAttribute("href","http://www.qq.com" )设置属性
a.getAttribute("href")获取属性
克隆节点：
cloneNode()
参数true深度克隆(克隆节点以及节点下的全部内容)，参数false或没有为浅度克隆(只克隆当前节点)
var li = ul.firstChild.cloneNode(true)
删除节点：
removeChild()
if(ul.hasChildNodes){
//先判断后删除
ul.removeChild(ul.firstChild)
}
innerHTML:
快捷插入元素
ul.innerHTML+=“<li><a>谢特</a></li>”
所有的浏览器都支持
但是IE不支持的两个地方：select标签和table(不能往table里塞，但是可以可以吧table放到div往里塞)