dom

DMHTML

DOM节点

文档节点，元素节点，属性节点，注释节点！

document是内存自动创建的 ，是dom的最底层的对象！

所有的标签都死元素节点，所有的换行都是文本节点 ！元素节点返回值是1，文本节点返回值是3，属性节点返回值是2，

childNodes获取到所有的子节点，元素节点和文本节点！

children获取到所有的子元素的元素节点

firstchild获取第一个子节点 兼容性有问题

处理兼容性问题 这样写

xx.firstEElementChild || xx.firstchild;

lastElementchild 获取到最后一个子节点

previousElememtSibling 获取到前一个兄弟节点

nextElementSibling 获取到后一个兄弟节点

parentNode 获取到父节点

offsetparent 获取到定位父级 前提是它的父级和它有设置定位 （相对，绝对，默认，固定）

创建一个节点

createElement("li") 里面那个li代表创建一个li对象

var val=xx.innerHTML="xx" 获取内容

例如 <li>韦德</li> 上面那个就是获取 韦德

将创建好的节点放入dom树结构 默认添加在 所有节点的最后

xx.appendchild( val ) 增加

oul.insertBefore(oli ,oli2) 插入

nodevalue 只针对文本节点

removechild(xxx)找到对象删除里面的子节点;

attributes 得到它的所有的属性， 获取到的属性和元素设置的顺序相反

setAttribute("name","test") 增加一个属性 设置 它的name=test也可以设置 class 或则 id 或者等等

removeAtribute("指定的属性值") 删除 属性

getAttribute("指定属性")得到指定属性的值

文本节点

创建一个文本节点 ，将文本节点加入到li里面

表格操作

replacechild(xx,xx);替换

克隆节点 深克隆true，浅克隆false

var xx=xx.cloneNode(false); 再添加到你想添加的地方

通过class找到节点

doument.getElementsByclassName("xx"); 注意使用地点，可能返回一个集合

通过name属性找到节点

document.getElementsByName("xx"); 注意使用地点，可能返回一个集合

通过元素找节点

得到某个元素下面对的option属性

x元素

x.options 得到所有的x元素里面的option

x.options[0].text 得到yy <option>yy</option>

x.options[0].value得到zz <option values="zz"></option>

判断 option 被选中 selected=ture

判断这个单选框是否被选中 checked=true

被选中元素的下标 x.selectedIndex 只等得到一个