《动态网页设计与制作——HTML+CSS+JavaScript 第2版 教学课件 ppt 作者 吴以欣 陈小宁 第7章 JavaScript常用文档对象》由会员分享,可在线阅读,更多相关《动态网页设计与制作——HTML+CSS+JavaScript 第2版 教学课件 ppt 作者 吴以欣 陈小宁 第7章 JavaScript常用文档对象(14页珍藏版)》请在金锄头文库上搜索。
1、,第7章 JavaScript常用文档对象,Page 1,Page 2,1.文档对象的节点树,目 录,2.得到文档对象中元素对象的一般方法,文档对象结构,文档对象,动态改变网页内容和样式,Page 3,1、文档对象的节点树,文档对象节点树有以下特点:,每一个节点树 有一个根节点, 如图7-4所示中 的html元素;,1,2,3,4,除了根节点, 每一个节点都有一个父节点, 如图7-4所示的 除html元素以外的其他元素;,每一个节点 都可以有 许多的子节点,具有相同父节点 的叫做 “兄弟节点”,文档对象 document,文字内容 “文档对象 ”,文字内容 “文档对象示例”,属性 href,文
2、字内容 “其他示例”,根节点元素 ,a节点元素 ,Page 5,2、得到文档对象中元素对象的一般方法,1、document.getElementById 2、document.getElementsByTagName 3document.getElementsByName,1.文档对象的属性和方法 2.文档对象的cookie属性 3.表单(form)及其控件元素对象 4.链接(link)对象 5.图像(image)对象,Page 6,目 录,文档对象结构,文档对象,动态改变网页内容和样式,Page 7,1、文档对象的属性和方法,Page 8,设置cookie,取出cookie,删除cookie,2、文档对象的cookie属性,Page 9,3、表单(form)及其控件元素对象,参数的传递方式:,1表单中的控件元素对象 2列表及列表选项控件元素对象 3表单元素对象的应用实例,添加列表选项 删除列表选项,在JavaScript中对列表进行添加、删除选项的操作如下:,Page 10,4、链接 (link) 对象,5、图像(image)对象,1.动态改变网页内容 2.动态改变网页样式,Page 11,目 录,文档对象结构,文档对象,动态改变网页内容和样式,Page 12,1、动态改变网页内容,Page 13,2、动态改变网页样式,Page 14,