innerHTML、outerHTML、innerText、outerText的用法与区别.doc

test.innerHTML: 也就是从对象的起始位置到终止位置的全部内容,包括Html标签。 上例中的test.innerHTML的值也就是“test1 test2 ”。test.innerText: 从起始位置到终止位置的内容, 但它去除Html标签 上例中的text.innerText的值也就是“test1 test2”, 其中span标签去除了。 test.outerHTML:除了包含innerHTML的全部内容外, 还包含对象标签本身。上例中的text.outerHTML的值也就是test1 test2test.outerText:设置(包括标签)或获取(不包括标签)对象的文本 。完整示例： test1 test2innerHTML内容innerText内容outerHTML内容特别说明：innerHTML是符合W3C标准的属性，而innerText只适用于IE浏览器，因此，尽可能地去使用innerHTML，而少用innerText，如果要输出不含HTML标签的内容，可以使用innerHTML取得包含HTML标签的内容后，再用正则表达式去除HTML标签，下面是一个简单的符合W3C标准的示例：a href=javascript:alert(document.getElementById(test).innerHTML.replace(/gim,)无HTML,符合W3C标准innerHTML,outerHTML,innerText,outerText的区别和用法 这是一个层 function changeb(obj) obj.outerHTML = function changea(obj) obj.innerHTML = 设置对象内的HTMLinnerHTML获取标签内的HTMLouterHTML获取标签及标签内的HTMLinnerTEXT和outerTEXT都是获取标签内的文本，相同。这是一个层 innerHTML设置标签内的HTMLouterHTML设置标签及标签内的HTMLinnerTEXT设置签内的文本innerTEXT设置签内的文本，包括标签一起替换。innerHTML 设置或获取位于对象起始和结束标签内的 HTML outerHTML 设置或获取对象及其内容的 HTML 形式 innerText 设置或获取位于对象起始和结束标签内的文本 outerText 设置(包括标签)或获取(不包括标签)对象的文本 innerHTML 设置或获取位于对象起始和结束标签内的 HTML outerHTML 设置或获取对象及其内容的 HTML 形式 innerText 设置或获取位于对象起始和结束标签内的文本 outerText 设置(包括标签)或获取(不包括标签)对象的文本 2、示例 Demo /.innerHTMLfunction innerHTMLDemo() test_id1.innerHTML=设置或获取位于对象起始和结束标签内的 HTML.; /.innerTextfunction innerTextDemo() test_id2.innerText=设置或获取位于对象起始和结束标签内的文本.; /.outerHTMLfunction outerHTMLDemo() test_id3.outerHTML=设置或获取对象及其内容的 HTML 形式.; /.outerTextfunction outerTextDemo() test_id4.outerText=设置(包括标签)或获取(不包括标签)对象的文本.; innerHTML效果. innerText效果. outerHTML效果. outerText效果. 3、不同之处:简单的说innerHTML和outerHTML、innerText与outerText的不同之处在于：1）、innerHTML与outerHTML在设置对象的内容时包含的HTML会被解析，而innerText与outerText则不会。2)、在设置时，innerHTML与innerText仅设置标签内的文本，而outerHTML与outerText设置包括标签在内的文本。innerText 和outerText 的区别A test for innerText, outerText method!-function getInnerText(objectID) var divTextObject=document.getElementById(objectID); if(!divTextObject) alert(innerText(): The +objectID+ not found.); else alert(innerText(): +divTextObject.innerText); function getOuterText(objectID) var divTextObject=document.getElementById(objectID); if(!divTextObject) alert(outerText(): The +objectID+ not found.); else alert(outerText(): +divTextObject.innerText); function getInnerHTML(objectID) var divTextObject=document.getElementById(objectID); if(!divTextObject) alert(innerHTML(): The +objectID+ not found.); else alert(innerHTML(): +divTextObject.innerHTML); function getOuterHTML(objectID) var divTextObject=document.getElementById(objectID); if(!divTextObject) alert(outerHTML(): The +objectID+ not found.); else alert(outerHTML(): +divTextObject.outerHTML); /*/var textValue=Hellin love Linda for ever.var htmlValue= Hellin love Linda for ever.;function change_outerHTML(objectID) var divTextObject=document.getElementById(objectID); if(!divTextObject) alert(outerHTML(): The +objectID+ not found.); else divTextObject.outerHTML=htmlValue; function change_innerHTML(objectID) var divTextObject=document.getElementById(objectID); if(!divTextObject) alert(innerHTML(): The +objectID+ not found.); else divTextObject.innerHTML=htmlValue; function change_outerText(objectID) var divTextObject=document.getElementById(objectID); if(!divTextObject) alert(outerText(): The +objectID+ not found.); else divTextObject.outerText=textValue; function change_innerText(objectID) var divTextObject=document.getElementById(objectID); if(!divTextObject) alert(innerText(): The +objectID+ not found.); else divTextObject.innerText=textValue; -Hello, Hellin Zhang 请您先下载运行并参考作者写的例子.Hello, Hellin ZhangouterText:当您调用 document.getElementById(divText).outerText 属性时, 理论上是获得开始标签(start tag)” 和“之间所有的 text object的text value, 但是必须明确此时的操作也饱含了自身即 “div” object .所以本例读取值 Hellin, Hello world! 这与innerText 没有什么区别.如果你执行执行 document.getElementById(divText ).outerText=Hellin love Linda for ever.;那么执行之后的结果是Hello, Hellin Zhang变成了 text object (即“Hellin love Linda for ever.”). 换句话说div 这个tag 没了, 而被你的一个文档对象”Hellin love Linda for ever.”给换掉了.innerText只能工作在 tag object 的内部即开始标签(start tag)” 和“之间所有的 text object的 text value ,但是它一定不包括自身对象,这里的inner就是这个含义. 如果您只是读取 text objext 的 text value, 那么用 innerText和outerText是等效的,它不同于innerHTML和outerHTML.当您写即你执行 document.getElementById(div1).innerText=Hellin love Linda for ever.;后Hello, Hellin Zhang变成 Hellin love Linda for ever., div object 并没有销毁.换句话说, inner