日期:2014-05-16 浏览次数:20667 次
---------------------- android培训、java培训、期待与您交流! ---------------------
DOM(document object model)
节点:整个文档就是一个文档节点,而每一个HTML标签就是一个元素节点,标签中的文字则是文本节点,标签的属性是属性节点,一切都是节点;
DOM属性:
nodeName:一个字符串,其内容是给定节点的名字。
var name=node.nodeName;
如果节点是元素节点,nodeName返回这个元素的名称;
如果是属性节点,nodeName返回这个属性的名称;
如果是文本节点,nodeName返回一个内容为#text的字符串;
注:nodeName是一个只读属性;
nodeType:返回一个整数,这个数值代表着给定节点的类型;
nodeType:属性返回的属性值对应着12种节点类型,常用的有3种:
1、 Node.ELEMENT_NODE------1à元素节点
2、 Node.ATTRIBUTE_NODE----2à属性节点
3、 Node.TEXT_NODE-------------3à文本节点
nodeValue:返回给定节点的当前值(字符串)
1、 如果给定节点是一个属性节点,返回值是这个属性的值
2、 如果给定的值是一个文本节点,返回值是这个文本节点的内容
3、 如果给定节点是一个元素节点,返回值是null;
nodeValue是一个读/写属性,但不能对元素节点的nodeValue属性设置值,但可以为文本节点的nodeValue属性设置一个值。
var li=document.getElementById(“li”);
li.firstChild.nodeValue=”国庆60年”;
替换节点:
replaceChild( ):把一个给定父元素里的一个子节点替换为另外一个子节点;
var reference=element.replaceChild(newChild,oldChild);返回值是一个指向已被替换的那个子节点的引用指针;
如果被插入的子节点还有子节点,则那些子节点也被插入到目标节点中;