黑马程序员_javascript Dom

------- android培训、java培训、期待与您交流！ ----------

以下仅为个人平时学习笔记，可能有有错误的地方，希望有看到者提出来，共同讨论，谢谢！

DOM:Document Object Model 文档对象模型。
该项技术的实现，将标记型文档封装成了对象。并将该标记型文档中的所有内容(标签,属性,文本)
都封装成了对象。
这样就可以将对象中封装更多的属性和行为，我们操作这些对象。
这样就可以实现静态页面具备动态效果。

DOM 技术不断升级出现了三种模型.
DOM1模型:将html文档封装成了对象.
DOM2模型:在DOM1的基础上添加了一些新功能,比如对名称空间的解析.
DOM3:将XML文档封装成了对象.

比java本身自带解析器更好的工具DOM4J 即 DOM FOR JAVA

1.DOM的特点:是将标记型文档封装成了DOM树,也就是会将整个标记型文本加载进内存.
注意:如果该文档体积过大,会对内存进行消耗,速度很慢.

2民间组织定义了一个解析方式:SAX:
基于事件驱动的方式来解析数据.
该解析速度快,但是只能对XML文档的数据进行获取,并不能进行修改.

*******************************************************************
DHTML(动态的HTML):它不是一门语言,是多个技术的综合体简称.
   这里包含的技术有:html,css,dom,javascript.

这四门技术在DHTML中的角色:
html:提供了标签用于封装成数据,它是基础,没标签什么都做不了.
css:提供了样式,可以对标签封装的内容进行演示的操作.
dom:将html文档封装成了对象,并将文档中的内容都封装成了对象,对象中定义了更多的属性和行为,
    方便对对象的操作.
javascript:提供了逻辑性很强的程序设计语言,负责页面的行为.

**如果再加入一个xmlHttpRequest对象,就是AJAX(可以和服务端进行实时通讯的对象)

*****************************************************************
IE中可以直接以容器id代替标签,省略了getElementById获得容器这个步骤.

**********************DOM详解******************************

注意：
1.表格标签即使不写tbody默认也会有tbody;
2.对于兄弟节点获时，会出现空白文本节点，所以最好都要跟上对获取到的节点的判断。
  又因为IE和火狐对于空白文本节点解析不同（IE:空格；火狐：回车换行），所以，最好加
  上正则表达式。那么获得节点时，尽量避免使用兄弟节点。
*************************************************
一、节点类型：
1.标签型节点,类型为：1；
2.文本型节点（#text）,类型为：3；
3.属性节点，类型为：2；
4.注释节点（#comment），类型为：8

********************************************************
注意：取消超链接的默认点击效果（“”时候，进入文件夹）
方式一：通过href属性的值定义“#”，这时借用了定位标记的原理，不指定具体的位置。这样就
取消了超链接的默认效果。但是会启动默认的file引擎。不够专业。
方式二：可以定义javascript:void(0);启动javascript引擎，运行一个代表什么都不做的函数：void(0)。

****************************************************************
表格时候:集合中都是存的每一行的引用.