国产探花免费观看_亚洲丰满少妇自慰呻吟_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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 镇远县| 林西县| 渝中区| 顺昌县| 五河县| 洛扎县| 郸城县| 东丽区| 西峡县| 富顺县| 扶风县| 深圳市| 三原县| 崇义县| 内丘县| 酉阳| 聂荣县| 通山县| 静乐县| 漾濞| 泉州市| 广安市| 石楼县| 青铜峡市| 南召县| 卢氏县| 延边| 安平县| 湖口县| 虞城县| 陈巴尔虎旗| 轮台县| 伊金霍洛旗| 张北县| 古交市| 通山县| 宜宾市| 军事| 稷山县| 迁安市| 汾西县|