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 获取基于指定元素名称的对象集合。

你可能感兴趣的:(DOM编程初步)