innerHTML和outerHTML、innerText与outerTex

innerHTML、outerHTML、innerText、outerText的区别(2009-02-26 21:29:32)标签：it 分类：JavaScript 下面的内容是网上找的，看完之后我的理解就是inner是指标签内的内容（不包括标签对象本身），outer是指标签对象本身及其标签里面的内容（包括标签对象本身）。 1、功能讲解: innerHTML 设置或获取位于对象起始和结束标签内的 HTML outerHTML 设置或获取对象及其内容的 HTML 形式 innerText 设置或获取位于对象起始和结束标签内的文本 outerText 设置(包括标签)或获取(不包括标签)对象的文本 2、示例 a:

• innerHTML效果.
• innerText效果.
• outerHTML效果.
• outerText效果.

b:

This is a DIV!

3、不同之处: 简单的说innerHTML和outerHTML、innerText与outerText的不同之处在于： 1）、innerHTML与outerHTML在设置对象的内容时包含的HTML会被解析，而innerText与outerText则不会。 2)、在设置时，innerHTML与innerText仅设置标签内的文本，而outerHTML与outerText设置包括标签在内的文本。 特别说明：　　innerHTML是符合W3C标准的属性，而innerText只适用于IE浏览器，因此，尽可能地去使用innerHTML，而少用innerText，如果要输出不含HTML标签的内容，可以使用innerHTML取得包含HTML标签的内容后，再用正则表达式去除HTML标签，下面是一个简单的符合W3C标准的示例： 无HTML,符合W3C标准 firefox不支持innerText ，但是可以用textContent作为替代方案。代码如下： if(document.all){ document.getElementById('myid').innerText = "text"; } else{ document.getElementById('myid').textContent = "text"; }