国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > WEB開發 > 正文

實現Web頁面內容動態改變的dhtml操作

2024-04-27 13:54:26
字體:
來源:轉載
供稿:網友

IE的DHTML對象提供了四個可讀寫的屬性來動態操作頁面元素的內容:innerText, outerText, innerHTML, outerHTML.

需注意兩點:

1.     其中innerText,outerText屬性的值是作為普通文本呈現的,即使它含有HTML標簽也如實反應出來;而innerHTML, outerHTML呈現的是經HTML引擎解析后文本,它可以反應屬性中HTML標簽的表現效果。

2.     對對象的outerText,outerHTML屬性賦值(即寫操作)會刪除該對象。

以上四個屬性的賦值操作只是替換原對象的文本內容,想要在頁面中指定元素相關位置新增文本內容,需采用insertAdjacentHTML和insertAdjacentText方法。形式如下:

object.insertAdjacentText(sWhere, sText)
object.insertAdjacentHTML(sWhere, sText)
其中 sWhere 表示插入的文本相對于html標簽的位置,有如下四個預設值:

beforeBegin,afterBegin,beforeEnd,afterEnd

使用中需注意如下幾點:

1.這兩種方法必須在整個文檔裝載完成之后才能使用,否則將出錯。

2. InsertAdjacentText只能插入普通文本,InsertAdjacentHTML插入html格式的文本

3. 用InsertAdjacentHTML插入腳本,必須在script元素中使用defer屬性,否則腳本執行將出現運行期錯誤

4.InsertAdjacentHTML插入html元素后,all以及其他可能的元素集合將自動更新以反應動態變化。如頁面后續元素的sourceIndex 屬性將改變。

5.當賦予InsertHTML/outerHTML屬性無效的HTML標簽,該方法可能出現運行時錯。如以下代碼將出錯:

   <BODY>

      <p id=pdiv></p>

      <SCRIPT LANGUAGE="javaScript">

           pdiv.innerHTML = "<p>hello</p>"

      </SCRIPT>

      </BODY>
 
此外頁面內容動態操作還需要注意如下一些細節:

1.只有文檔BODY內顯示的內容能被以上屬性和方法動態改變,BODY對象的內容能被動態操作,但BODY對象本身無法被替換。

2.以上屬性和方式不能操作空標簽(沒有內容的html標簽),如input,img。

3.對于table對象而言,只有td(innerHTML/innerText)和table(outerHMTL/outerText)對象可以用某些屬性來替換或插入內容;而其他table對象,如tr、tbody不能用這些屬性來改變內容。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 万载县| 永城市| 滨海县| 阿瓦提县| 通许县| 茂名市| 石城县| 苏州市| 旅游| 桐城市| 铜川市| 襄垣县| 江山市| 商水县| 东安县| 库伦旗| 永年县| 东乌| 曲松县| 宁河县| 牙克石市| 榆中县| 岳西县| 静海县| 绥江县| 桂林市| 景洪市| 和田县| 汪清县| 平度市| 巴东县| 潞城市| 新野县| 盖州市| 马边| 乐安县| 营山县| 牟定县| 海原县| 来凤县| 泸西县|