第7章 JavaScript常用文档对象.ppt

第第7 7章章 JavaScriptJavaScript常用文档对象常用文档对象 文档对象结构文档对象结构7.1 文档对象文档对象7.2 动态改变网页内容和样式动态改变网页内容和样式7.3 7.1 7.1 文档对象结构文档对象结构7.1.1 文档对象的节点树文档对象的节点树文档对象节点树有以下特点：文档对象节点树有以下特点：● 每一个节点树有一个根节点，如图每一个节点树有一个根节点，如图7-4所所示中的示中的html元素；元素；● 除了根节点，每一个节点都有一个父节除了根节点，每一个节点都有一个父节点，如图点，如图7-4所示的除所示的除html元素以外的其他元素以外的其他元素；元素；图图7-4 文档对象的节点树文档对象的节点树● 每一个节点都可以有许多的子节点；每一个节点都可以有许多的子节点；● 具有相同父节点的叫做具有相同父节点的叫做“兄弟节点兄弟节点”7.1.2 得到文档对象中元素对象的得到文档对象中元素对象的一般方法一般方法1．．document.getElementById2．．document.getElementsByTagName3．．document.getElementsByName 7.2 7.2 文档对象文档对象7.2.1 文档对象的属性和方法文档对象的属性和方法7.2.2 文档对象的文档对象的cookie属性属性1．设置．设置cookie2．取出．取出cookie3．删除．删除cookie7.2.3 表单（表单（form）及其控件元素）及其控件元素对象对象1．表单中的控件元素对象．表单中的控件元素对象2．列表及列表选项控件元素对象．列表及列表选项控件元素对象在在JavaScript中对列表进行添加、删除选项中对列表进行添加、删除选项的操作如下。

的操作如下● 添加列表选项添加列表选项 ● 删除列表选项删除列表选项 3．表单元素对象的应用实例．表单元素对象的应用实例7.2.4 链接（链接（link）对象）对象7.2.5 图像（图像（image）对象）对象7.3 7.3 动态改变网页内容和样式动态改变网页内容和样式7.3.1 动态改变网页内容动态改变网页内容1．．innerHTML的方法的方法2．添加、删除节点的方法．添加、删除节点的方法7.3.2 动态改变网页样式动态改变网页样式。