怎么理解 HTML DOM 模型被构造为`对象`的树？

Question

HTML DOM 模型被构造为对象的树。
通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 HTML。

1.怎么理解HTML DOM 模型？是否就是指的是HTML DOM？
2.怎么理解对象？
是否指的是HTML元素的标签，属性，text？
3.怎么理解可编程的对象模型？这里的对象模型是否指的代表HTML元素？还是指的是元素属性啊，text等？

Answer 1

1. DOM = Document Object Model，所以 M 就是模型。HTML DOM 模型就是翻译过程有瑕疵，M 被翻译了两遍。不用硬要理解。
2. 对象就是一组属性和方法的集合。举个例子，const element = document.getElementById('id')，element 就是一个对象，它有一组属性，还有一组方法。
3. 可编程对象模型应该是 IE4 的概念了，泛指一切你可以通过 js 控制的东西。

建议：学习做菜不用从元素周期表学起，学前端技术你看的资料也太老了……

Answer 2

DOM是一个缩写，全称是Document Objects Model，翻译过来就是“文档对象模型”，这个模型是一个树型结构，我们称之为“文档（对象）树”，DOM模型和DOM是一回事，而且除了HTML DOM外还有其它类似/相关的概念，如XML DOM。树上的每个节点都是一个“对象”，总共包含三类：元素对象、属性对象、文本对象，因为XX对象都是树上的节点，所以也叫XX节点。元素对象就是指HTML的标签，属性就是标签的属性，文本就是标签内的文本。“可编程”是指我们可以通过明确的程序指令来操作这些对象。鉴于你提到了这些问题，我建议你学习了解一下数据结构与算法和面向对象编程这两方面的概念和知识，尤其是数据结构与算法，如果你系统地学习一遍，就可以迅速理解这些概念了。