innerHTML 和 innertext 以及 outerHTML

  今天在制作firefox下支持复制的js代码的时候,用到了innerText,测试发现原来firefox支持innerHTML但不支持innerText.

  test.innerHTML:
  也就是从对象的起始位置到终止位置的全部内容,包括Html标签。
  上例中的test.innerHTML的值也就是“<span style="color:red">test1</span> test2 ”。
  test.innerText:
  从起始位置到终止位置的内容, 但它去除Html标签
  上例中的text.innerTest的值也就是“test1 test2”, 其中span标签去除了。
  test.outerHTML:
  除了包含innerHTML的全部内容外, 还包含对象标签本身。
  上例中的text.outerHTML的值也就是<div id="test"><span style="color:red">test1</span> test2</div>

  这段加在你所JS文件中就可以在MOZILLA/FIREFOX下使用innerText

HTMLElement.prototype.__defineGetter__
(
"innerText",
function ()
{
var anyString = ""; 

var childS = this.childNodes;
for(var i=0; i<childS.length; i++)
{
if(childS[i].nodeType==1)
anyString += childS[i].tagName=="BR" ? ‘\n‘ : childS[i].innerText;
else if(childS[i].nodeType==3)
anyString += childS[i].nodeValue;
}
return anyString;
}
);

innerHTML 和 innertext 以及 outerHTML

时间: 2024-10-18 09:48:22

innerHTML 和 innertext 以及 outerHTML的相关文章

(转)innerHTML、innerText和outerHTML、outerText的区别

原文:http://walsh.iteye.com/blog/261966 innerHTML.innerText和outerHTML.outerText的区别          博客分类: CSS/HTML HTML 1.区别描述如下: innerHTML 设置或获取位于对象起始和结束标签内的 HTML outerHTML 设置或获取对象及其内容的 HTML 形式 innerText 设置或获取位于对象起始和结束标签内的文本 outerText 设置(包括标签)或获取(不包括标签)对象的文本

javascript中的innerHTML,innerText,outerHTML的用法及其区别

示例html代码: <div id="test"> <span style="color:red">test1</span> test2 </div> 获得id为test的DOM对象,下面就不一一获取了. var test = document.getElementById('test'); test.innerHTML 描述:也就是从对象的起始位置到终止位置的全部内容,包括Html标签. 上例中的test.inner

innerHTML,innerText,outerHTML,outerText,value浅析

首先是一个例子: <div id= "aa">0<br/>0<span>11</span>22</div><input type="button" onclick= "a()"/> console.log(document.getElementById("aa").innerHTML);console.log(document.getElementById

InnerHTMl,innerText,outerHtml,outerText

innerHTML 设置或获取位于对象起始和结束标签内的 HTML,输出<div id="div"></div>之间的内容: outerHTML 设置或获取对象及其内容的 HTML 形式,连同<div id="div"></div> 和它们之间的内容一起输出: innerText 设置或获取位于对象起始和结束标签内的文本,输出的内容都是网页上应该正常输出的: outerText 设置(包括标签)或获取(不包括标签)对象

js中的innerHTML、innerText、outerHTML的内容代码详解

我还是喜欢看代码,看吧…… <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>innerHTML innerText outerHTML的练习</title> <style> div{ margin:20px auto; width:200px; height:200px; background

【JavaScript】innerHTML、innerText和outerHTML的用法区别

用法: <div id="test">   <span style="color:red">test1</span> test2</div> 在JS中可以使用: test.innerHTML: 也就是从对象的起始位置到终止位置的全部内容,包括Html标签. 上例中的test.innerHTML的值也就是“<span style="color:red">test1</span>

关于innerHTML 和innerText,outerHTML的区别(转)

用法: 1 <div id="test"> 2 <span style="color:red">test1</span> test2 3 </div> 在JS中可以使用: test.innerHTML: 也就是从对象的起始位置到终止位置的全部内容,包括Html标签. 上例中的test.innerHTML的值也就是“<span style="color:red">test1</spa

DOM中的outerHTML,innerHTML,outerText,innerText的区别

--转自http://blog.163.com/yw_0721/blog/static/7164579720102932157759/ 简单的说innerHTML和outerHTML.innerText与outerText的不同之处在于: 1).innerHTML与outerHTML在设置对象的内容时包含的HTML会被解析,而innerText与outerText则不会. 2).在设置时,innerHTML与innerText仅设置标签内的文本,而outerHTML与outerText设置包括标

innerHTML&amp;innerHTML与innerText的区别&amp;outerHTML&amp;innerHTML与html的区别

innerHTML innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML. 语法:HTMLElementObject.innerHTML=text 所有主要浏览器都支持 innerHTML 属性 innerHTML在JS是双向功能:获取对象的内容或向对象插入内容: innerHTML 属性用于设置或返回指定标签之间的 HTML 内容. 语法 Object.innerHTML = "HTML";// 设置 var html = Object.innerHTML;//