相关文章
企通互联用Dreamweaver MX创造网页鼠标样式
网页设计给网页文字加上即时提示
网站制作Dreamweaver制作网页实用七招
网站制作在Dreamweaver中自动设置网页的水平线颜色
网站建设面子工程：网站首页设计及程序选择
网站建设在网页中如何实现窗口折叠的效果
北京网站设计用xmlhttp和Java session监听改善站内消息系统
企通互联彻底弄懂CSS盒子模式之二
网页设计如何控制网页框架页内中链接的目标
网站设计关于web注册页的可用性分析
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网页设计 >> 网页设计网站建设如何实现Web页面内容动态改变的dhtml
网页设计网站建设如何实现Web页面内容动态改变的dhtml
IE www.qitongnet.com的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不能用这些属性来改变内容。
