dom编程

DOM节点：
DOM三大属性：字符串类型属性、函数类型属性、样式表属性
说明：在网页中，node表示所有可能的节点类型(包涵的元素1，属性2、文本3、注释8、文档9)
但是element只包含元素节点。
parentNode:返回当前节点的父节点
childNodes：返回指定节点的所有子节点（数组）
nodeType: 返回节点的类型，一般是整数
nextSibling：得到当前节点的下一个节点，这个元素的类型可以包含空文本节点
nextElementSibling：得到下一个元素节点，指<>里面的元素
firstChild和lastChild：获取当期节点的第一个(childNodes[0])或最后一个节点(childNodes[length-1])
previousSibling：获取当期节点的上一个节点
nodeName：返回节点的名称。元素节点是标签名称,属性节点是属性名称，文本节点永远是#text
文档节点永远是#document
nodeValue：返回文本节点的值。
insertBefore(节点，插入的位置);
DOM节点关系：
parentNode(返回当前节点的父节点)
childNodes (返回指定节点的所有子节点)
nodeType  (返回节点的类型，一般是整数)
元素element     1
属性attr            2 使用attributes[]。document.body.attributes["属性名称"].nodeType.
文本text            3
注释comments  8
文档document  9
nodeName (返回节点的名称，如：INPUT、#text)
元素节点的 nodeName 是标签名称
属性节点的 nodeName 是属性名称
文本节点的 nodeName 永远是 #text
文档节点的 nodeName 永远是 #document
nodeValue (返回文本节点的值)
对于文本节点，nodeValue 属性包含文本。
对于属性节点，nodeValue 属性包含属性值。
nodeValue 属性对于文档节点和元素节点是不可用的。
DOM树的层次关系：
level是相对于根节点（html）而言，如果深度一样，同时父节点一样，就可以认为是兄弟节点
index：相对于父节点而言，索引值如果一样并不能说明他们是兄弟节点、
focus();获取焦点；
select();内容选中。
用instanceof可以判断这个方法是不是这个对象的实列
正则表达式：
创建一个正则表达式：var reg=new RegExp(/^\d+$/);括号里表示一个或多个0到9的数值
例如：var txt=document.createElement("input");
txt.type="text";
txt.οnkeyup=function(){
var textValue=this.value;
var reg=new RegExp(/^\d+$/);
if(!reg.test(txt.Value)){
document.getElementById("spanMsg").innerHTML="必须输入数值";
this.select();
}
}
事件：onkeyup：键盘抬起事件(此时敲击的字符应经在文本框中了)