DOM操作

1.什么是DOM？

DOM是一个使程序和脚本有能力动态地访问和更新文档的内容、结构以及样式的平台和语言中立的接口。

2.什么是DOM节点？

DOM节点分为三大类：元素节点、属性节点、文本节点；

3.获取元素节点的方法？

3.1.查找节点

方法	属性
document.getElementById	通过id查找，返回唯一节点
document.getElementByClassName	返回包含指定类(class)的所有元素的节点列表
document.getElementByTagName	返回包含指定标签名称的所有元素的节点列表(集合/节点数组)

 

 

 

 

 

 

3.2.创建节点

方法	属性
document.createElement()	创建属性节点
document.createTextNode()	创建文本节点
document.createDocumentFragment()	创建内存文档碎片

 

 

 

 

 

3.3操作节点

方法	属性
document.appendChild()	把新的节点添加到指定节点
document.removeChild()	删除节点
document.replaceChild()	替换节点
document.insertBefore()	在指定的节点前面插入新节点

 

 

 

 

 

 

 

3.4获取特定值属性

方法	属性
document.getElementsByTagName("a")[0].getAttribute("target")	返回指定属性名的属性值
document.getElementsByTagName("INPUT")[0].setAttribute("type","button")	添加指定的属性，并为其赋指定的值