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")
|
添加指定的属性,并为其赋指定的值 |