---恢复内容开始---
DOM(Document Object Model)文档对象模型
一、 HTML DOM的作用
1.官方: HTML DOM 定义了所有 HTML 元素的对象和属性,以及访问它们的方法。换言之,HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。
2.自述: 在JavaScript中使用,DOM中的document来完成获得,操作,添加,删除元素,内容,属性的操作的一个工具。
二、DOM中的节点
1.DOM是被视为节点树的HTML,我们将HTML中所有事物视为节点。整个HTML是一个节点,每个元素是一个节点,每个元素里面的文本是一个节点,每个元素的属性是一个节点。节点树如下图所见。
2. 节点的父,子,同胞,如同树一样,节点之间存在父子关系,同一个父节点直接为同胞关系。且最上层的html为根节点,除了根节点没有父节点之外,所有节点都应该有父节点,但不一定有子节点。
三、DOM中的方法
1.我们在JavaScript中操作文档中的对象都是通过DOM中的方法来完成,所有方法都来自于document类。
2.获得节点的方法:(当返回值为多个时,会生成一个Array对象,如果是单个则根据情况来定)
getElementById : 根据id值返回元素
getElementByName: 根据name值返回元素
getElementByTagName: 根据标签名值返回元素
getElementByClassName: 根据class值返回元素
3.增加删除节点:
appendChild() : 添加节点
removeChild() : 删除节点
replaceChild() : 替换节点
4.新建节点:
createTextNode():
createElement():
createAttribute():
创建属性节点。 |
---恢复内容结束---