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")
添加指定的属性,并为其赋指定的值
原文地址:https://www.cnblogs.com/liumcb/p/13714226.html