[工學(xué)]第05章javascript與xhtml文檔(完整版)
【正文】 input type = text name = address 煙臺大學(xué)計算機學(xué)院 Web原理及應(yīng)用 文檔對象模型 ?瀏覽器查看文檔的 DOM結(jié)構(gòu) 煙臺大學(xué)計算機學(xué)院 Web原理及應(yīng)用 文檔對象模型 ?瀏覽器查看文檔的 DOM結(jié)構(gòu) ? IE Develop toolbar 煙臺大學(xué)計算機學(xué)院 Web原理及應(yīng)用 文檔對象模型 ?瀏覽器查看文檔的 DOM結(jié)構(gòu) ? IE Webdeveloper v2 煙臺大學(xué)計算機學(xué)院 Web原理及應(yīng)用 文檔對象模型 ?瀏覽器查看文檔的 DOM結(jié)構(gòu) ? FX附加組件 : DOM Inspector 煙臺大學(xué)計算機學(xué)院 Web原理及應(yīng)用 在 JavaScript中訪問元素 ?幾種方式 ? 1. DOM地址 (缺點 : 文檔變化 ) ? [0].element[0] ? 2. 使用元素 name屬性 (缺點 : 需 name, 新標準 ) ? ? 3. 使用 getElementById方法 (DOM1中定義 ) ? (pushMe) form name = myForm action = input type = button name = pushMe id = pushMe /form 煙臺大學(xué)計算機學(xué)院 Web原理及應(yīng)用 在 JavaScript中訪問元素 ?使用復(fù)選框和單選框相關(guān)聯(lián)的隱式數(shù)組訪問元素 ? 數(shù)組名同 name屬性值 form id = topGroup input type = checkbox name = toppings value = olives / ... input type = checkbox name = toppings value = tomatoes / /form ... var numChecked = 0。 ? 須位于處理程序函數(shù)和表單元素后 。 } 煙臺大學(xué)計算機學(xué)院 Web原理及應(yīng)用 附 : 修改樣式 例 煙臺大學(xué)計算機學(xué)院 Web原理及應(yīng)用 附 : 修改樣式 例 煙臺大學(xué)計算機學(xué)院 Web原理及應(yīng)用 附 : 修改內(nèi)容 ?元素對象的 innerHtml屬性 ? 表示元素的內(nèi)容 ,可在腳本中讀寫 ? 有開始和結(jié)束標簽的元素才可用 , 如 p ?表單元素的內(nèi)容可通過 value屬性來訪問 ?P205 動態(tài)修改內(nèi)容 煙臺大學(xué)計算機學(xué)院 Web原理及應(yīng)用 附 : 修改內(nèi)容 例 煙臺大學(xué)計算機學(xué)院 Web原理及應(yīng)用 附 : 修改內(nèi)容 例 數(shù)組定義 , P137 煙臺大學(xué)計算機學(xué)院
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1