av网站免费线看精品_国产做a爱视频免费不_深爱激情网开心五月天_伊人五月天在线视频网

 
實(shí)現(xiàn)Web頁面內(nèi)容動態(tài)改變的dhtml操作
發(fā)布時間:2005-03-31   瀏覽次數(shù):1229174
IE的DHTML對象提供了四個可讀寫的屬性來動態(tài)操作頁面元素的內(nèi)容:innerText, outerText, innerHTML, outerHTML. 需注意兩點(diǎn): 1. 其中innerText,outerText屬性的值是作為普通文本呈現(xiàn)的,即使它含有HTML標(biāo)簽也如實(shí)反應(yīng)出來;而innerHTML, outerHTML呈現(xiàn)的是經(jīng)HTML引擎解析后文本,它可以反應(yīng)屬性中HTML標(biāo)簽的表現(xiàn)效果。 2. 對對象的outerText,outerHTML屬性賦值(即寫操作)會刪除該對象。 以上四個屬性的賦值操作只是替換原對象的文本內(nèi)容,想要在頁面中指定元素相關(guān)位置新增文本內(nèi)容,需采用insertAdjacentHTML和insertAdjacentText方法。形式如下: object.insertAdjacentText(sWhere, sText)object.insertAdjacentHTML(sWhere, sText)其中 sWhere 表示插入的文本相對于html標(biāo)簽的位置,有如下四個預(yù)設(shè)值: beforeBegin,afterBegin,beforeEnd,afterEnd 使用中需注意如下幾點(diǎn): 1.這兩種方法必須在整個文檔裝載完成之后才能使用,否則將出錯。 2. InsertAdjacentText只能插入普通文本,InsertAdjacentHTML插入html格式的文本 3. 用InsertAdjacentHTML插入腳本,必須在script元素中使用defer屬性,否則腳本執(zhí)行將出現(xiàn)運(yùn)行期錯誤 4.InsertAdjacentHTML插入html元素后,all以及其他可能的元素集合將自動更新以反應(yīng)動態(tài)變化。如頁面后續(xù)元素的sourceIndex 屬性將改變。 5.當(dāng)賦予InsertHTML/outerHTML屬性無效的HTML標(biāo)簽,該方法可能出現(xiàn)運(yùn)行時錯。如以下代碼將出錯: pdiv.innerHTML = "hello" 此外頁面內(nèi)容動態(tài)操作還需要注意如下一些細(xì)節(jié): 1.只有文檔BODY內(nèi)顯示的內(nèi)容能被以上屬性和方法動態(tài)改變,BODY對象的內(nèi)容能被動態(tài)操作,但BODY對象本身無法被替換。 2.以上屬性和方式不能操作空標(biāo)簽(沒有內(nèi)容的html標(biāo)簽),如input,img。 3.對于table對象而言,只有td(innerHTML/innerText)和table(outerHMTL/outerText)對象可以用某些屬性來替換或插入內(nèi)容;而其他table對象,如tr、tbody不能用這些屬性來改變內(nèi)容。
立即預(yù)約