码迷,mamicode.com
首页 > 其他好文 > 详细

DOM知识点

时间:2015-07-17 00:25:34      阅读:103      评论:0      收藏:0      [点我收藏+]

标签:

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()复制节点

DOM知识点

标签:

原文地址:http://www.cnblogs.com/fannylovo/p/4652821.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!