直播中
工作時(shí)間
9:00 18:00
IE的DHTML對象提供了四個(gè)可讀寫的屬性來動(dòng)態(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屬性賦值（即寫操作）會(huì)刪除該對象。
以上四個(gè)屬性的賦值操作只是替換原對象的文本內(nèi)容，想要在頁面中指定元素相關(guān)位置新增文本內(nèi)容，需采用insertAdjacentHTML和insertAdjacentText方法。形式如下：
object.insertAdjacentText(sWhere, sText)
object.insertAdjacentHTML(sWhere, sText)
其中 sWhere 表示插入的文本相對于html標(biāo)簽的位置，有如下四個(gè)預(yù)設(shè)值：
beforeBegin，afterBegin，beforeEnd，afterEnd
使用中需注意如下幾點(diǎn)：
1．這兩種方法必須在整個(gè)文檔裝載完成之后才能使用，否則將出錯(cuò)。
2． InsertAdjacentText只能插入普通文本，InsertAdjacentHTML插入html格式的文本
3． 用InsertAdjacentHTML插入腳本，必須在script元素中使用defer屬性，否則腳本執(zhí)行將出現(xiàn)運(yùn)行期錯(cuò)誤
4．InsertAdjacentHTML插入html元素后，all以及其他可能的元素集合將自動(dòng)更新以反應(yīng)動(dòng)態(tài)變化。如頁面后續(xù)元素的sourceIndex 屬性將改變。
5．當(dāng)賦予InsertHTML/outerHTML屬性無效的HTML標(biāo)簽，該方法可能出現(xiàn)運(yùn)行時(shí)錯(cuò)。如以下代碼將出錯(cuò)：
<BODY>
<p id=pdiv></p>
<SCRIPT LANGUAGE="JavaScript">
pdiv.innerHTML = "<p>hello</p>"
</SCRIPT>
</BODY>
此外頁面內(nèi)容動(dòng)態(tài)操作還需要注意如下一些細(xì)節(jié)：
1．只有文檔BODY內(nèi)顯示的內(nèi)容能被以上屬性和方法動(dòng)態(tài)改變，BODY對象的內(nèi)容能被動(dòng)態(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)容。
桂公網(wǎng)安備45010502000253號
電子營業(yè)執(zhí)照
