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,不能使用这些属性来更改内容。

tag:操作动态网页内容电脑软件DHTML

相关内容