HTML文檔對(duì)象模型(DOM)

1、JAVASCRIPT程序設(shè)計(jì)基礎(chǔ)與范例教程程序設(shè)計(jì)基礎(chǔ)與范例教程第八章 HTML文檔對(duì)象模型（DOM）課堂學(xué)習(xí)目標(biāo)了解DOM的體系結(jié)構(gòu)；理解DOM文檔樹(shù)的構(gòu)建；理解DOM接口的作用；掌握DOM核心接口的功能用法；掌握HTML DOM接口的功能用法；8.1 文檔對(duì)象模型概述DOM是W3C（萬(wàn)維網(wǎng)聯(lián)盟）的標(biāo)準(zhǔn)，它定義了操作HTML和XML文檔的標(biāo)準(zhǔn)接口。DOM允許程序或腳本動(dòng)態(tài)地訪問(wèn)文檔的內(nèi)容、結(jié)構(gòu)和樣式。DOM核心API：訪問(wèn)結(jié)構(gòu)化文檔的標(biāo)準(zhǔn)模型XML DOM：訪問(wèn)XML文檔的標(biāo)準(zhǔn)模型HTML DOM：訪問(wèn)HTML文檔的標(biāo)準(zhǔn)模型8.1 文檔對(duì)象模型概述1瀏覽器對(duì)DOM標(biāo)準(zhǔn)的支持2樹(shù)形結(jié)構(gòu)表示文檔

2、8.2 DOM核心接口1Node接口2Document接口3Element接口4Attr接口5CharacterData接口6Text接口7Common接口8接口定義的其他功能，以及其他DOM核心接口8.2 DOM核心接口【課堂案例8-1】：獲取DOM樹(shù)中的節(jié)點(diǎn)信息【課堂案例8-2】：刪除DOM樹(shù)中的節(jié)點(diǎn)【課堂案例8-3】：在DOM樹(shù)中添加子節(jié)點(diǎn)【課堂案例8-4】：替換DOM樹(shù)中的節(jié)點(diǎn)【課堂案例8-5】：復(fù)制DOM樹(shù)中的節(jié)點(diǎn)【課堂案例8-6】：獲取節(jié)點(diǎn)的屬性【課堂案例8-7】：控制文本節(jié)點(diǎn)【課堂案例8-8】：提取網(wǎng)頁(yè)中的超鏈接地址8.3 DOM HTML1HTMLDocument接口2HTML

3、Element接口8.3 DOM HTML【課堂案例8-9】：獲取文檔信息【課堂案例8-10】：修改文檔中的鏈接【課堂案例8-11】：操作文檔中的表格【課堂案例8-12】：獲取文本框中用戶輸入的內(nèi)容【課堂案例8-13】：獲取單選框用戶選擇的內(nèi)容【課堂案例8-14】：獲取復(fù)選框用戶選擇的內(nèi)容【課堂案例8-15】：控制下拉菜單【課堂案例8-16】：判斷用戶選取的文件類型【課堂案例8-17】：限制用戶使用表單元素8.3 DOM HTML【課堂案例8-18】：驗(yàn)證表單數(shù)據(jù)【課堂案例8-19】：為所有段落加邊框【課堂案例8-20】：選項(xiàng)卡效果【課堂案例8-21】：Web相冊(cè)【課堂案例8-22】：修改網(wǎng)頁(yè)背景色【課堂案例8