js中的DOM事件基础知识

Document Object Model 文档对象模型

DOM:定义了表示和修改文档所需的方法

DOM对象就是宿主对象,由浏览器厂商定义,用来操作html和xml的一类独享的集合;

 DOM是对HTML和XML的标准编程接口

对节点的增删改查

一. 查

document  代表整个文档

getElementById();  在IE8及以下浏览器里面不区分大小写,而且会返回匹配name属性的元素

getElementsByTagName();  标签名

getElementsByName();  注意:只有部分标签的name可以生效(表单,img,iframe)

getElementsByClassName();  IE8及以下浏览器不兼容

querySelectot();  第一个元素标签名 ,不实时;IE8及以下不兼容

querySelectorAll();  所有的标签名,不实时;IE8及以下不兼容 

二. 增

document.createElement();  增加元素

document.createTextNode();  增加文本

document.createComment();  增加注释

document.createDocumentFragment();  文档碎片

插入

1.appendChild();与push方法类似,元素可以以用,还有剪切的操作方式,把之前的元素换了位置

2.insetBefore(a,b);在b之前插入a元素,父级调用

替换

1.replaceChild(new ,origin);父级调用

三. 删

 remove();删除自身

removeChild();删除子级

上一篇:JS基础之事件对象,事件的冒泡


下一篇:JavaScript在IE6,IE7下报错'expected identifier, string or number'