HTML DOM 元素

HTML DOM 元素

HTML DOM（文档对象模型）是HTML文档的编程接口。它定义了如何访问和操作HTML文档的结构、内容和样式。在HTML DOM中，每个元素都是文档树中的一个节点，可以对其进行查询、修改和事件处理。

1. DOM树结构

HTML文档被解析为一个由节点组成的树状结构，称为DOM树。树的根是document对象，代表整个文档。每个HTML标签对应树中的一个元素节点（Element Node），标签内的文本是文本节点（Text Node），标签的属性是属性节点（Attribute Node）。

2. 访问DOM元素

2.1 通过ID访问

使用document.getElementById('id')可以获取具有特定ID的元素。

var element = document.getElementById('myElement');

2.2 通过标签名访问

使用document.getElementsByTagName('tagname')可以获取所有指定标签名的元素，返回一个HTMLCollection。

var elements = document.getElementsByTagName('p');

2.3 通过类名访问

使用document.getElementsByClassName('classname')可以获取所有具有特定类名的元素