区别：
javascript
javascript 是因特网上最流行的浏览器脚本语言。很容易使用！你一定会喜欢它的！
javascript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用。
html dom
html dom 是 w3c 标准（是 html 文档对象模型的英文缩写，document object model for html）。
html dom 定义了用于 html 的一系列标准的对象，以及访问和处理 html 文档的标准方法。
通过 dom，可以访问所有的 html 元素，连同它们所包含的文本和属性。可以对其中的内容进行修改和删除，同时也可以创建新的元素。
html dom 独立于平台和编程语言。它可被任何编程语言诸如 java、javascript 和 vbscript 使用。
联系：
通过 javascript，您可以重构整个 html 文档。您可以添加、移除、改变或重排页面上的项目。
要改变页面的某个东西，javascript 就需要获得对 html 文档中所有元素进行访问的入口。这个入口，连同对 html 元素进行添加、移动、改变或移除的方法和属性，都是通过文档对象模型来获得的（dom）。
javascript主要是利用html dom去获得、改变、创建html元素，从而达到美化页面、操作页面元素的目标。因此，在javascript中最常见的就是各种各样的html dom元素以及它们各自的属性。除了这些dom元素外，javascript有自己的对象，例如数组。
简单说，可以认为javascript主要是操纵html dom。两者是不一样的。
javascript是语言，dom是可以在各种语言中（不仅js，php也有的）动态修改文档的模型。
下面单独拉出javascript与dom的关系给大家详解
javascript与浏览器的工作
1.浏览器获取并加载你的页面，从上至下解析它的内容。
　遇到javascript时，浏览器会解析代码，检查它的正确性，然后执行代码。
　浏览器还会建立一个html页面的内部模型（dom）。
2.javascript继续执行，使用dom检查页面、完成修改、从页面接受事件，或者要求浏览器从web服务器获取其它数据。
javascript如何与页面交互？
javascript是代码，html是标记，完全不同的东西
怎么让它们交互呢？
答案是使用文档对象模型（docunment object model，简称dom）。
dom的妙处在于：它能够在所有浏览器上提供一种一致的方式，通过代码访问html的结构和内容。
1、在浏览器加载一个页面时，浏览器会解析html，并创建文档的一个内部模型，其中包含html标记的所有元素。
2、javascript可以与dom交互（javascript使用dom创建或删除元素等等）
document是一个反映html的对象，通过调用document的方法改变dom的状态，也就是改变html页面
3、javascript修改了dom时，浏览器会随着动态更新页面。
自制dom
材料：格式正确的html5页面，web浏览器
做法：
1、在最上面创建一个document节点
　2、取html页面的最顶层元素，在这里就是元素，把它作为document的子节点加到dom中
　3、对于当前元素中嵌套的每一个元素，将该元素作为当前元素的子节点增加到dom
　4、对于刚增加的元素，执行第三步，重复工作，直到处理完所有元素
html页面如下
dom my dom hello today, i am making a dom!!!

得到的dom如下图