如何详细理解JavaScript DOM的节点结构和获取元素的方法？

本文共计1219个文字，预计阅读时间需要5分钟。

目录：DOM + 节点 + 元素节点：文本节点 + 属性节点：获取元素 + getElementById() + getElementsByTagName() + getElementsByClassName() + 总结：DOM + 文档 + D：当创建一个网页并将其加载到Web浏览器时

目录

• DOM
• 节点
• 元素节点：
• 文本节点：
• 属性节点：
• 获取元素
• getElementById（）
• getElementsByTagName()
• getElementsByClassName()
• 总结：

DOM

文档：DOM中的“D”，当创建一个网页并把它加载到Web浏览器中时，它把编写的网页文档转换为一个文档对象。

对象：DOM中的“O”,对象是一种自给自足的数据集合。与某个特定对象相关联的变量被称为这个对象的属性，只能通过某个特定对象去调用的函数被称为这个对象的方法

模型：DOM中的“M”，它是某种事物的表现形式。DOM把一份文档表示为一颗家谱树。

节点

节点:文档是由节点构成，节点是文档树上的树枝和树叶。