什么是DOM以及DOM与javascript的简单区分

本文部分内容引用自http://madinsect.blogbus.com/logs/37339960.html

DOM（Document Object Model，DOM）文档对象模型，是一种用于HTML和XML文档的编程接口，他的作用是什么呢，就是让我们通过文档对象模型中的方法、事件来使对web页面的操作更加容易。DOM是一种面向对象的模型，web页面中每一个标签内容都是一个对象。这样，每个页面，我们都可以视为一棵文档对象树，树的根节点为整个文档，而各个标签作为不同的对象，成为树的除根节点外的其他节点。标签之间相互包含的关系，对应着树中各个结点的子父节点以及兄弟结点的关系。通过文档对象模型中现存的方法、事件来对这些结点进行操作，便可以实现我们对web页面各元素的操作。

由于JS和DOM在对WEB页面的操作过程中都起到很大作用，因此很多时候，我们会将JS与DOM的代码搞混，举一个代码实例，来让读者更好的区分JS与DOM。红色字体为DOM内容，黑色字体为JS内容

var anchorTags=document.getElementsByTagName("a");
for(var i=0;i<anchorTags.length;i++)
{
alert("Href of this a element is:"+anchorTags[i].href)；
 }

javascript通过var anchorTags来创建一个变量，通过for循环实现对变量的遍历，通过"Href of this a element is:"+实现字符串的拼接。

document.getElementsByTagName方法为DOM中Document接口所定义的一个获取对象列表的方法，anchorTags.length为DOM中NodeList接口所定义的属性，表示对象列表中的对象个数。