JavaScript教程-Kevin.ppt

JavaScript 讲师：Kevin 目 录 JavaScript简介 JavaScript语法 JavaScript面向个对象编程 Dom基础 JavaScript与Dom结合 JSON简介 课后作业 编写脚本完成下图功能（1）： 课后作业 附加： 录入功能（必做） 修改功能（选作） 查询功能（选作） 2、获得原始图片的父元素 现在有了要插入的图片，还需要找到插入的地方。要将其插入到已有图片之前然后再删除原来的图片。为此需要知道已有图片的父元素： var imgParent = hatImage.parentNode; 3、插入新图片 添加子节点的方法： insertBefore(newNode, targetNode) appendChild(newNode) 把新图片元素插入到原有图片之前： imgParent.insertBefore(newImage, hatImage); 现在原图片的父元素有了两个 子元素：新图片和紧跟在后面的旧图片 4、删除旧图片 因为已经得到了旧图片元素的父节点，只要调用removeChild()并把需要删除的节点传递给它即可： imgParent.removeChild(hatImage); 完整的JavaScript函数： 5、表单元素连接JavaScript 每当用户点击Hocus Pocus!按钮的时候运行showRabbit()函数。