DOM知识点

DOM对象模型知识点

1.访问节点

oHead,oBody,访问HTML元素，如var oHtml=document.documentElement;

2.检测节点类型

nodyType 属性

alert(document.nodeType);

alert(document.documentElement.nodeType);

3.处理元素属性

getNamedItem(name),返回name的节点；

removeNamedItem(name),删除name节点；

setNamedItem(node),将node添加到列表中；

item(pos)，返回在pos的节点；

以上全部返回一个arr节点，非特性值；

4.访问指定节点

getElementsByTAGName()方法，返回一个包含所有tagname（标记名）特性等于某个指定值的元素的NodeList,

例如：

var oimgs=document.getelementsbytagname("img");

alert (img[0].tagname);输出img

getElementsByName()方法，获取所有name属性等于指定值的元素。

例如：

var oradios=document.getElementsByName("radcolor");

alert(oradios[0].getAttribute("value"));

getElementById()，返回id特性等于指定值的元素，获取的是单个指定元素。

例如：

var odiv1=document.getElementById("div1");

5.创建和操作节点

createAttribute(name),用给定名称name创建特性节点。

createComment(text),创建包含文本text的注释节点,

createElement(),创建元素，createTextNode(),创建文本节点，appendChild(),追加元素

removeChild(),移除元素，replaceChild(),替换元素，insertBefore()，插入元素

createDocumentFragment()更新

cloneNode()复制节点