程序员轻松搞定javascript六章编程基础.pptxVIP

轻松搞定JavaScript

-dom编程(1)讲师：韩顺平

内容介绍dom编程(1)1.为什么要学习dom编程2.dom编程基础3.dom编程一个实例(乌龟抓兔子)

学习目标主讲:韩顺平1.明确dom编程的重要性2.掌握dom编程基础和原理

dom编程—为什么学习dom编程主讲:韩顺平■为什么学dom编程 我们在前面把js的基础知识讲解完了，可是如果你认为js只 能做类似点击一个按钮，显示当前时间，如下图:那你就太小看js,实际上js更重要的作用是可以让用户对网页元素进行交互操作，这才是学习js的精华之所在。请看一个案例:

dom编程—为什么学习dom编程主讲:韩顺平■为什么学dom编程再看几个小项目(1)贪吃蛇(2)推箱子(3)坦克大战,这些都需呀用的dom编程，当我们学习完这一章节后，大家可以很轻松的写出类似的项目了。

dom编程—为什么学习dom编程主讲:韩顺平dom编程,也是我们学习ajax技术的基础,所以我们必须掌握好dom编程。■为什么学dom编程

dom编程—dom编程基础 主讲:韩顺平domhtmldomxmldomjs把浏览器,网页文档和网页文档中的html元素都用相应的内置对象来表示，这些对象与对象间的层次关系构成dom模型,针对网页()的dom就是htmldom。我们这讲的就是htmldom关于使用js对xml文件的dom编程，我们这暂时不讲。到讲ajax的时候在给大家讲解.可以借助数据库编程来讲清dom编程分类■dom编程简介DOM=DocumentObjectModel(文档对象模型)，根据W3CDOM规范，DOM是HTML与XML的应用编程接口（API），DOM将整个页面映射为一个由层次节点组成的文件。cssdom

dom编程—dom编程基础 主讲:韩顺平■dom编程简介dom编程的示意图,重要☆☆☆☆

dom编程—dom编程基础 主讲:韩顺平前面说过,js把浏览器,网页文档和网页文档中的html元素都用相应的内置对象(看文档)来表示，这些对象与对象间的层次关系构成dom,针对网页()的dom就是htmldom。我们这讲的就是htmldom这里有几个特别重要的概念要给大家说清楚:①上面说的内置对象就是dom对象,准确的说是htmldom对象。②因为我目前讲的是htmldom编程，所以我提到的dom编程,dom对象都是说的htmldom编程和htmldom对象，请大家不要犯迷糊。③dom编程时，会把html文档看做是一颗dom树④dom编程的核心就是各个dom对象的方法和属性,下一章会详细讲解.■dom编程简介-dom对象

dom编程—dom编程基础 主讲:韩顺平HTMLDOM定义了访问和操作HTML文档的标准方法。HTMLDOM把HTML文档呈现为带有元素、属性和文本的树结构(节点树)■dom编程简介-htmldom层次图!DOCTYPEhtmlhtmlheadmetacharset=utf-8titleNewDocument/title/headbodyh1我的标题/h1ahref=点击跳转到泰牛/a/body/html

本课程版权归泰牛程序员所有泰牛程序员,中国抢手的程序员