当前位置:首页 > 日记 > 正文

DHTML操作实现对网页内容的动态变化

DHTML操作实现对网页内容的动态变化
IE的DHTML对象提供四可读写属性动态操作页面元素的内容:innerText,outertext,innerHTML,outerHTML。

要注意两点:

1、对outertext innerText和属性的值被显示为一个普通的文本,即使它包含HTML标签,这也是真实的反应。innerHTML和outerHTML显示文本是由HTML引擎解析后,它可以反映属性的HTML标签的性能。

2。该对象的outertext,outerHTML属性赋值(即,一个写操作)将删除对象。

上述四个属性的赋值是替换原始对象的文本内容。如果我们想指定页面中的元素和相关位置增加了新的内容,我们需要采取insertadjacenthtml和insertadjacenttext方法。形式如下:

Object.insertAdjacentText(其中,节点)
Object.insertAdjacentHTML(其中,节点)
在这其中代表插入的文本相对于HTML标签的位置,有四个预设值如下:

beforebegin,afterbegin,beforeend,afterend

使用中应注意以下几点:

1。在完成整个文档加载之后,必须使用这两种方法,否则将产生错误。

2.insertadjacenttext只能插入普通文本和HTML格式的文本insertadjacenthtml插入

三.插入脚本的InsertAdjacentHTML,你必须使用延迟的脚本元素属性,否则脚本执行将有一个运行时错误

4.insertadjacenthtml插入HTML元素之后的所有元素,和其他可能的元素将自动更新以响应动态变化。下列元素的网页sourceindex性质将发生变化。

5。当一个HTML标签,给inserthtml / outerHTML属性无效,该方法可能会有一个运行时错误。如果下面的代码会出错:


此外,页面内容的动态操作还需要注意以下细节:

1、只有文档主体中显示的内容可以通过上述属性和方法动态地更改。物体的内容可以动态地操作,但是物体本身不能被替换。

超过2。attributes and methods can not operate empty tags (HTML tags without content), such as input, img.

3、表对象,只有TD(innerHTML / innerText)和表(outerhmtl / outertext)对象可以替换或插入内容的一些属性,而其他的表对象,如TR和tbody,不能使用这些属性来更改内容。

相关文章

隐藏的Win7库存操作技能的综合分析

隐藏的Win7库存操作技能的综合分析

库存,综合分析,操作技能,电脑软件,当人们发现它时,我们列出了一些最重要的技巧和窍门,并逐步介绍它们。 1.pcsafeguard计算机保护 我很少让其他人使用我的电脑,因为我怕他们会乱,但似乎微软已经考虑到这对我的way.pcsafeguard解决了这个问题,…

WPSOffice抢鲜版V3.0版本

WPSOffice抢鲜版V3.0版本

抢鲜,版本,电脑软件,WPSOffice,WPS昨天晚上在官方网站上发布了3版的体验,这是一件令人震惊和高兴的事情,从春天开始,WPS发布了3个不同的版本。不管它有多大,让我们一起来看看新版本的特性。 WPS在WPS网站上知道WPS知道,而客户机是新上线的! 最新…

七个原因不升级到Windows7

七个原因不升级到Windows7

升级到,原因,电脑软件,Windows 7从最初的开发到现在已经完成销售,一直受到好评,普遍看好前景,但PC世界网络版今天写道,没有升级到Windows 7七个原因,但其中大部分是牵强的,根据这些观点我们从未使用过升级操作系统。 对于使用Vista的用户来说,升…

QQ聊天记录备份和还原QQ信息备份助

QQ聊天记录备份和还原QQ信息备份助

备份,聊天记录,助手,电脑软件,QQ,pcpop.com腾讯QQ软件频道6月10日在我们日常聊天互相交流最常用的工具,QQ的备份是一个不可忽视的问题。我们经常看到有网友询问恢复QQ聊天记录的方式删除后。如果没有QQ聊天记录的备份之前,很难恢复。因此,QQ聊…

GFImailarchiver让邮件删除损失顺

GFImailarchiver让邮件删除损失顺

损失,邮件,删除,顺利,电脑软件,Ldquo;我昨天可能错过了一封重要的电子邮件!我怎样才能回到过去呢 Ldquo;我的Outlook文件已损坏!我的收件箱里有很多顾客的订单!监控维修培训 Win2003安装 我怎样才能找到去年顾客给我的一封电子邮件也许在去年…

迅雷与小米的结盟导致了互联网系统

迅雷与小米的结盟导致了互联网系统

网系统,迅雷,互联,小米,电脑软件,据投资银行消息人士透露,小米迅雷已经收到2亿美元的注入策略,在这方面,迅雷和小米静默无声。 里米的婚姻后,才能突破中国互联网产业的原始布局和BAT后形成第四大系统(百度、阿里巴巴和腾讯)。 对丽的婚姻的意义…

新的游戏91助手推动扫描图标下的应

新的游戏91助手推动扫描图标下的应

应用程序,图标,扫描,助手,功能,在聚会上看到游戏的乐趣在一个朋友的手机,在地铁站看到明星代言软件爱,在杂志上看到有趣的光使用hellip热潮;hellip;你想快速方便地下载到你的手机吗你认为课文的输入太复杂了吗语音识别不清楚吗二维码扫描还不够…

防止用户使用PHP代码DOS使用光网络

防止用户使用PHP代码DOS使用光网络

网络带宽,用户,代码,电脑软件,PHP,用PHP代码调用套接字并用服务器网络直接攻击其他IP。通用代码如下所示: 复制代码代码如下所示: $包=0; IP =美元美元_get { 'ip }; 兰德=美元美元_get { 'port }; (0)set_time_limit; ignore_user_abort(假); exec_t…

如何FrontPage设计网页禁用Javascript

如何FrontPage设计网页禁用Javascript

设计网页,电脑软件,FrontPage,Javascript,  从动画到应用程序,站点内的各种对象都可以使用 javascript。但有些浏览器并不支持 javascript,所以有时访问者在查看包含Javacritp的网页时可能无法正确显示,或者会包含错误。  我们在用FrontPa…

红帽最近宣布使用Windows操作系统

红帽最近宣布使用Windows操作系统

操作系统,红帽,电脑软件,Windows,著名的Linux操作系统公司Red Hat的CEO最近宣布,Linux在Linux个人用户有足够的操作经验之前,应该使用Windows操作界面进行进一步改进。 Linux作为微软在操作系统中最具竞争力的竞争对手,在一些政府部门放弃Linu…

无需随机代码的PDF传输word文档解

无需随机代码的PDF传输word文档解

文档,传输,策略,代码,电脑软件,第二计算机网络指导:;不规则PDF文件,上述方法将Word文档的使用往往是一个随机码。在这里,我想推荐一个最好的PDF转换工具:软件名称:PDF格式转换软件版本:2.2.158软件大小:16200kb软件授权:共享应用平台:Windows 98 /我/…

Foxmail无法发送电子邮件的失效分

Foxmail无法发送电子邮件的失效分

失效,发送电子邮件,电脑软件,Foxmail,这是因为,由于某种原因,服务器不能或拒绝为用户发送邮件。通过返回错误号和错误信息,您可以做出判断并处理它。通常还有几种常见的情况:硬盘安装设置 1,服务器返回535错误:认证failed.audio司机 SMTP认证有…