日期:2014-05-16  浏览次数:20680 次

黑马程序员__DOM及AJAX基本概念

---------------------- 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);返回值是一个指向已被替换的那个子节点的引用指针;

如果被插入的子节点还有子节点,则那些子节点也被插入到目标节点中;