在学习Web前端知识中，对于JavaScript的学习是必不可少的，而在JavaScript中，对Html页面的Dom结构了解更是十分重要的。何为Dom呢？Dom既Document Object Model 文档对象模型，是对Html页面的组成元素----对象进行角色划分的模型，它将Html页面变成一棵树，通过Dom提供的方法可以对Html里面的对象及对象的相关属性进行自由获取和增、删、改等操作。
整个Html页面是由一个个的节点组成的，下图所示：
Dom中获取对象的方法是：
document.getElementById(ID);返回的是一个对象，唯一的元素
element.getElementsByTagName(String);返回的是一个数组对象
element.getAttribute(String);
增、删、改：
element.setAttribute(att,string);
document.createElement();
document.createTextNode();
parent.appendChild();
element.insertBefore(parent,ele);
element.removeChild(node);
属性：
nodeType/nodeValue/childNodes/firstChild/lastChild/nextSibling/previousSibling