Dom入门教程图解 推荐

那么Dom是如何读取和管理Html文件的呢？首先你必须要了解html的源码结构．看图

如果你有学过或写过Html，那么你会对上图一目了然．我想要说明的就是Html的源码结构是有层次的，而且标签与杯签之间还存在着父子，或相邻的关系．上图不难看出HTML这个标签是最顶级的．最上层的．也可以理解成html文件的根．其次是Head与Body标签．这两个标签是相邻的．也可以理解成兄弟关系．但他们都属于html的子标签或称为子元素．然后Body标签内包含了Table,Div,Div．这三个标签你可以理解为Body的子标签或子元素．Body为父他们为子．Head所含的标签也是同理．另外第一个div内包含了另一个div．第二个div内包含了一些文本内容．他们的关系也是父子关系．Dom正是利用了Html源码的这种关系结构．而巧妙的在你的html源码中行走自如．犹如一位武林高手一般．尽情地施展他的＂凌波微步＂．看下面的代码．代码结构与上图是吻合的．不同的是多了几个按扭来执行一些dom的指令操作．运行以后你便走进了Dom的神秘与精彩世界！！！