JavaScript中innerText和innerHTML的区别
这是我的另外一个回答，相同的问题举个例子来说吧。 内容使用这几个来获取上面div的内容的话，区别如下：innerHTML: 内容，带有html标签innerText: 内容 不带html标签outerHTML: 内容outerText: 获取元素跟innterText是一样的。使用这几个来改变某个元素的内容innerHTML="内容"//内容 展示出来的是斜体的“内容”，i作为html标签解析了innerText="内容" //内容 展示的内容为“内容”，i没有作为html的标签解析，而是直接输出了。outerHTML="内容"//内容 就是替换了外面的标签，同时i会被解析，展现一个斜体的“内容”outerText="内容" //替换外面的标签，i没有解析，页面显示“内容”注意outerHTML、innerText不是W3C标准，使用时请注意浏览器兼容性！
JavaScript中innerText和innerHTML的区别是什么？
innerText返回或者设置DOM元素的文本innerHTML返回或者设置DOM元素的子元素1，返回值的区别12345678 文本信息
var div =document.getElementById("div1"); var text = div1.innerText; // text --》文本信息 var html= div1.innerHTML; // html--》
文本信息区别：取值时 innerText会把只会获取节点里面的文本信息，而innerHTML 会获取节点下面的所有标签。2、设置值得区别123456 var div =document.getElementById("div1"); div1.innerText= '这里是文本信息换行'; //看效果一 div1.innerHTML= '这里是文本信息换行';//看效果二效果一效果二区别：设置值时 innerText会把html标签当做普通的文本显示，而innerHTML 则不会。在javascript中如果我们要获取对象内容，js为我们提供了三种方法outerhtml、innerhtml和innertext,但他们之间具体怎么使用与具体的区别在哪里，可能很多人不知道吧，接下来跟着小编一起来学习innerHTML，innerText，outerHTML的用法及区别吧。在javascript中如果我们要获取对象内容，js为我们提供了三种方法outerhtml、innerhtml和innertext,但他们之间具体怎么使用与具体的区别在哪里，可能很多人不知道吧，接下来跟着小编一起来学习innerHTML，innerText，outerHTML的用法及区别吧。
JavaScript中innerText和innerHTML的区别
1、innerHTML: 也就是从对象的起始位置到终止位置的全部内容,包括Html标签。2、innerText: 从起始位置到终止位置的内容, 但它去除Html标签 举例： test1 test2 innerHTML内容inerHTML内容特别说明： innerHTML是符合W3C标准的属性，而innerText只适用于IE浏览器，因此，尽可能地去使用innerHTML，而少用innerText，如果要输出不含HTML标签的内容，可以使用innerHTML取得包含HTML标签的内容后，再用正则表达式去除HTML标签，下面是一个简单的符合W3C标准的示例：/gim,''))">去除HTML标签后的文本
innerHTML和innerText怎么区分？
innerHTML和innerText都会把元素内内容替换掉。 区别在于： innerHTML 会把替换内容里的 HTML 标记解释执行。 innerText 会把替换内容里的 HTML 标记原样输出而不执行。 例如有如下代码： var content = "这是对innerHTML和innerText的测试" ; // 假设 e 为网页内某元素 e.innerHTML = content ; // 显示结果为粗体的 这是对innerHTML和innerText的测试 e.innerText = content ; // 显示结果为 这是对innerHTML和innerText的测试 记得采纳啊
js中innerHTML与innerText的用法与区别
1、js中innerHTML的用法：innerHTML可获取或设置指定元素标签内的 html内容，从该元素标签的起始位置到终止位置的全部内容(包含html标签)。获取元素的内容：element.innerHTML;给元素设置内容：element.innerHTML =htmlString;代码示例为：获取段落p的 innerHTMLdocument.getElementById("test").innerHTML输出内容为:获取段落p的 innerHTML2、js中innerText的用法：innerText可获取或设置指定元素标签内的文本值，从该元素标签的起始位置到终止位置的全部文本内容(不包含html标签)。获取元素的内容：element.innerText;给元素设置内容：element.innerText = string;代码示例为：获取段落p的 innerHTML测试测试document.getElementById("test").innerHTML输出内容为:获取段落p的 innerHTML试测试3、innerHTML和innerText区别：innerHTML返回的是标签内的 html内容，包含html标签。innerText返回的是标签内的文本值，不包含html标签。代码示例为：获取段落p测试document.getElementById("test").innerHTML输出内容为：获取段落p测试document.getElementById("test").innerText输出内容为：获取段落p测试扩展资料：1、javascript获取节点文本值：（1）原生js写法 document.getElementById('test').innerHTML（2）jQuery写法 $('#test').html()2、javascript获取节点的方法：（1）通过id的方式document.getElementById("id") （2）通过类名查找元素，多个类名用空格分隔,得到一个HTMLCollection(一个元素集合，有length属性，可以通过索引号访问里面的某一个元素)document.getElementsByClassName('a b')（3）通过标签名查找元素 返回一个HTMLCollectiondocument.getElementsByTagName('div')（4）通过name属性查找，返回一个NodeList(一个节点集合，有length属性，可以通过索引号访问)document.getElementsByName('c')参考资料来源：Javascript官方文档-Element.innerHTML参考资料来源：Javascript官方文档-HTMLElement.innerText
innerhtml和innertext的区别
这是其中一个，我觉得很不错的。
原理:采用innerText 或者 innerHTML
var stock_code = stockcode.innerText;
var stock_code = stockcode.innerHTML;
test
innerText 跟 innerHTML是两个非DOM标准的方法
其区别如图所示：
（图中应该为innerText）
在IE中 innerText 跟 inner HTML 两个方法都能正常运行
但是FF里面的innerText不可用，但是有一个替代方法: textContent
IE: oDiv.innerText = aString; oDiv.innerHTML = aString;
FF: oDiv.textContent = aString; oDiv.innerHTML = aString;
Ajax in action 的作者之一Eric 用正则表达式 实现了 一个兼容方法，比较有趣
Hope this helps
A little smirk
One day a secretary is leaving on her lunch break, and she notices her boss standing in front of a shredder with a clueless look on his face. The secretary walks up to him and asks if he needs help.
"Yes!" he says looking and sounding relieved, "This is very important."
Glad to help, she turns the shredder on and inserts the paper. Then her boss says, "Thanks, I only need one copy."
Create function like innerText
As you may have figured out innerText is IE only. That means that browsers like Mozilla, Firefox, and Netscape will return undefined. If you do not know what innerText does, it strips out all of the tags so you only see the text.
For example, if a div contains the HTML Eric, innerHTML would return Eric while innerText will return Eric.
Now to make innerHTML act the same we need to use some regular expressions with the strings replace() method.
Now the basic pattern we need to match is or or or
Now the regular expression we need to use is /]+>/gi
If you do not know regular expressions here is a quick explanation:
/ - Starts the regular expression
< - Match the less than sign
\/ - Escape the character / so it can be matched (Without the \ you would be saying it is the end of the reg exp.)
- Match the / character 0 or 1 times
[^>] - Match any character but greater than sign
+ - Match [^>] one or more times
> - Match greater than sign
/ - End the regular expression
gi - Tells regular expression to match global and ignore the case
So now the function to replace the text would look like:
代码如下:
var regExp = /]+>/gi;
function ReplaceTags(xStr){
xStr = xStr.replace(regExp,"");
return xStr;
}
完整：
var regExp = /]+>/gi;
function ReplaceTags(xStr){
xStr = xStr.replace(regExp,"");
return xStr;
}
Test Test Test
Wow!
var xContent = document.getElementById("test").innerHTML;
var fixedContent = ReplaceTags(xContent);
alert(fixedContent);
innerHTML与innerText各代表什么含义
1、js中innerHTML的含义：InnerHTML获取或设置指定元素标记内的HTML内容，从元素标记的开始到元素标记的结束（包括HTML标记）。获取元素的内容：元素设置：元素。innerhtml＝htmlString；代码示例如下：得到了innerHTML段p文档。getelementbyid（“test”）。innerHTML获取p段的innerHTML2、js中innerText的含义：InnerText获取或设置指定元素标记内的文本的值，从元素标记的开始到元素标记的结束（不包括HTML标记）。获取元素的内容：element．innertext；元素设置：元素。innertext＝实现字符串；代码示例如下：获取p段的innerHTML测试文档。getElementById（“测试”）。InnerHTML输出是：获取p段的innerHTML进行测试3．innerHTML和innerText的区别：InnerHTML返回标记内的HTML内容，其中包含HTML标记。InnerText返回标记内文本的值，而不是HTML标记的值。代码示例如下： 获得段落p 测试文档。getelementbyid（“test”）。innerHTML输出：获取p段测试文档：getelementbyid（“test”）。innerText输出是：得到p段测试扩展资料：InnerHTML是对象从头到尾的内容，包括Html标记。InnerText是指从源文件的开始到结束的内容，但是它删除了Html标记。另外所有浏览器都支持innerHTML，Internetexplorer和chrome支持innerText，而Firefox不支持。事实上，innerHTML是W3C规定的属性；innerText属性是IE浏览器自己的属性，但是以后的浏览器只部分实现了这个属性。
