,第7章 JavaScript常用文档对象,Page 1,Page 2,1.文档对象的节点树,目 录,2.得到文档对象中元素对象的一般方法,文档对象结构,文档对象,动态改变网页内容和样式,Page 3,1、文档对象的节点树,文档对象节点树有以下特点：,每一个节点树 有一个根节点， 如图7-4所示中 的html元素；,1,2,3,4,除了根节点， 每一个节点都有一个父节点， 如图7-4所示的 除html元素以外的其他元素；,每一个节点 都可以有 许多的子节点,具有相同父节点 的叫做 “兄弟节点”,文档对象 document,文字内容 “文档对象 ”,文字内容 “文档对象示例”,属性 href,文字内容 “其他示例”,根节点元素 ,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,