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:键盘抬起事件(此时敲击的字符应经在文本框中了)
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:键盘抬起事件(此时敲击的字符应经在文本框中了)