JavaScript中的Dom

  在学习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