DOM编程初步

DOM:
 document object model:文档对象模型.将一些标记型的文档以及文档中的内容当成对，在对象中定义属性和行为，方便操作.

 DOM在风中标记型文档时，有三层模型：
 DOM1：针对html文档
 DOM2：针对xml文档
 DOM3：针对xml文档
 
 html,xhtml,xml：都是标记型文档.
 dhtml：多个技术的综合，叫做动态的html.
  html：负责将数据继续封装.
  css:负责标签的样式.
  javascript:负责通过程序设计方式来操作对象.

 标签之间的层次关系:
 window
 document
 html
  |--head
   |--title
   |--base
   |--link
   |--meta
   |--style
   |--script
  |--body
   |--div
   |--form
    |--input
    |--select
   |--span
   |--a
   |--table
    |--tbody
     |--tr
      |--td
      |--th

   |--dl
    |--dt
    |--dd
 
 DOM树、DOM节点.
 DOM的弊端——文档过大时，耗费资源，此时可以使用SAX来解析文档.

 节点的类型：
 标签型节点：类型-1;
 文本型节点：类型-3;
 属性节点：类型-2;
 注释型节点：类型-8;
 document：类型-9;

 节点的关系：
 父节点：parentNodes.
 子节点：childNodes.直接子节点，返回的是一个节点对象的集合(数组).
 兄弟节点：
  上一个兄弟节点：previousSibling.
  下一个兄弟节点：nextSibling.

 注意：标签之间的空行，浏览器会解析成一个空白文本，获取时要注意.

 

 获取节点可以通过节点的层次关系完成，也可以通过document对象完成.
 getElementById 获取对 ID 标签属性为指定值的第一个对象的引用。
 getElementsByName 根据 NAME 标签属性的值获取对象的集合。
 getElementsByTagName 获取基于指定元素名称的对象集合。

转载于:https://my.oschina.net/dendy/blog/385535