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();删除子级