DHTML操作实现对网页内容的动态变化
要注意两点:
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,不能使用这些属性来更改内容。