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

首頁 > 編程 > HTML > 正文

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

2024-08-26 00:08:41
字體:
來源:轉載
供稿:網友

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不能用這些屬性來改變內容。

上一篇:outerHTML的用法

下一篇:firefox沒有outerHTML

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 尖扎县| 元谋县| 钦州市| 东乡族自治县| 高邑县| 中超| 库伦旗| 龙山县| 拉萨市| 瓦房店市| 电白县| 富裕县| 金塔县| 田林县| 台湾省| 福建省| 宁城县| 太康县| 三原县| 吕梁市| 芦溪县| 始兴县| 溆浦县| 靖江市| 丰城市| 本溪市| 金平| 车险| 德格县| 唐河县| 迭部县| 滨海县| 青阳县| 收藏| 林西县| 庆安县| 徐州市| 贵南县| 新津县| 四会市| 博野县|