相关文章
北京网站建设使你的网页封闭的六种方法
网站建设blockquote标签应该怎样使用？
网站设计精彩网页配色设计
网站建设将内容自动添加到指定文本域的JS
北京网站设计CSS自动实现网页打印版本
北京网页设计使用html表格和CSS进行混合网页设计
网站建设Adobe Photoshop CS3 扩展版新功能
网站制作网络形象设计(IVIS)与视觉文化时代
www.qitongnet.com学习Web 2.0的方向盘
北京网站制作日期相加的函数addDate
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网页设计 >> 北京网站制作企通互联如何实现Web页面内容动态改变的dhtml
北京网站制作企通互联如何实现Web页面内容动态改变的dhtml
IE的DHTML对象提供了四个可读写的属性来动态操作页面元素的内容：innerText, outerText,innerHTML, outerHTML.
需注意两点： 中国站长.站
1. 其中innerText,outerText属性的值是作为普通文本呈现的，即使它含有HTML标签也如实反应出来；而innerHTML, outerHTML呈现的是经HTML引擎解析后文本，它可以反应属性中HTML标签的表现效果。
Www~Chinaz~com
2. 对对象的outerText，outerHTML属性赋值（即写操作）会删除该对象。
Www.Chinaz.com
以上四个属性的赋值操作只是替换原对象的文本内容，想要在页面中指定元素相关位置新增文本内容，需采用insertAdjacentHTML和insertAdjacentText方法。形式如下：
object.insertAdjacentText(sWhere, sText)北京网站制作
object.insertAdjacentHTML(sWhere, sText)
其中 sWhere 表示插入的文本相对于html标签的位置，有如下四个预设值： 中国站.长.站
北京网站建设beforeBegin，afterBegin，beforeEnd 北京网站设计，afterEnd
使用中需注意如下几点：
Www~Chinaz~com
1. 这两种方法必须在整个文档装载完成之后才能使用，否则将出错。
2. InsertAdjacentText只能插入普通文本，InsertAdjacentHTML插入html格式的文本
3. 用InsertAdjacentHTML插入脚本，必须在script元素中使用defer属性，否则脚本执行将出现运行期错误 Www~Chinaz~com
4．InsertAdjacentHTML插入html元素后，all以及其他可能的元素集合将自动更新以反应动态变化。如页面后续元素的sourceIndex 属性将改变。
网站建设5．当赋予InsertHTML/outerHTML属性无效的HTML标签，该方法可能出现运行时错。如以下代码将出错：
<BODY> Chinaz~com
<p id=pdiv></p>
[中国站长站]
<SCRIPT LANGUAGE="javascript">网页设计
网站制作网站建设
pdiv.innerHTML = "<p>hello</p>" Chinaz.com
</SCRIPT>
网站设计 </BODY>北京网页设计
北京网站设计
此外，页面内容动态操作还需要注意如下一些细节：
Www~Chinaz~com
网页设计1．只有文档BODY内显示的内容能被以上属性和方法动态改变，BODY对象的内容能被动态操作，但BODY对象本身无法被替换。
2．以上属性和方式不能操作空标签(没有内容的html标签)，如input,img。 中国.站长站
企通互联 3．对于table对象而言，只有td（innerHTML/innerText）和table（outerHMTL/outerText）对象可以用某些属性来替换或插入内容；而其他table对象，如tr、tbody不能用这些属性来改变内容。
上一篇：北京网站设计用FrontPage2003轻松制作ASP动态网页
下一篇：网站建设如何实现Web页面内容动态改变的dhtml
