innerhtml和innertext，div innerhtml
大家好，关于innerhtml和innertext很多朋友都还不太明白，不过没关系，因为今天小编就来为大家分享关于div innerhtml的知识点，相信应该可以解决大家的一些困惑和问题，如果碰巧可以解决您的问题，还望关注下本站哦，希望对各位有所帮助！
innerhtml和innertext的区别
示例代码：
<div id="test">
<span style="color:red">test1</span> test2
</div>
<a
rel="external nofollow" rel="external nofollow" href="javascript:alert(test.innerHTML)">innerHTML内容</a>
<a
rel="external nofollow" rel="external nofollow" href="javascript:alert(test.innerText)">inerHTML内容</a>
共同点：innerHTML和innerText都会把元素内内容替换掉。
不同点：
1，innerHTML:
也就是从对象的起始位置到终止位置的全部内容,包括Html标签。
上例中的test.innerHTML的值也就是“<span style="color:red">test1</span>
test2”。
2，innerText:
从起始位置到终止位置的内容,但它去除Html标签
上例中的text.innerTest的值也就是“test1 test2”,其中span标签去除了。
值得注意的是，innerHTML是符合W3C标准的属性，而innerText只适用于IE浏览器，因此，尽可能地去使用innerHTML，而少用innerText，如果要输出不含HTML标签的内容，可以使用innerHTML取得包含HTML标签的内容后，再用正则表达式去除HTML标签。
innerHTML与innerText各代表什么含义
1、js中innerHTML的含义：
InnerHTML获取或设置指定元素标记内的HTML内容，从元素标记的开始到元素标记的结束（包括HTML标记）。
获取元素的内容：
元素设置：元素。innerhtml＝htmlString；
代码示例如下：
得到了innerHTML
段p
文档。getelementbyid（“test”）。innerHTML
获取p段的innerHTML
2、js中innerText的含义：
InnerText获取或设置指定元素标记内的文本的值，从元素标记的开始到元素标记的结束（不包括HTML标记）。
获取元素的内容：element．innertext；元素设置：元素。innertext＝实现字符串；
代码示例如下：
获取p段的innerHTML测试
文档。getElementById（“测试”）。InnerHTML
输出是：获取p段的innerHTML进行测试
3．innerHTML和innerText的区别：
InnerHTML返回标记内的HTML内容，其中包含HTML标记。
InnerText返回标记内文本的值，而不是HTML标记的值。
代码示例如下：
< p id="test">< font color="# 000">获得段落p</ font>测试</ p>
文档。getelementbyid（“test”）。innerHTML
输出：获取p段测试
文档：getelementbyid（“test”）。innerText
输出是：得到p段测试
扩展资料：
InnerHTML是对象从头到尾的内容，包括Html标记。
InnerText是指从源文件的开始到结束的内容，但是它删除了Html标记。
另外所有浏览器都支持innerHTML，Internetexplorer和chrome支持innerText，而Firefox不支持。
事实上，innerHTML是W3C规定的属性；innerText属性是IE浏览器自己的属性，但是以后的浏览器只部分实现了这个属性。
JavaScript中innerText和innerHTML的区别
1、innerHTML:
也就是从对象的起始位置到终止位置的全部内容,包括Html标签。
2、innerText:
从起始位置到终止位置的内容,但它去除Html标签
举例：
<div id="test">
<span style="color:red">test1</span> test2
</div>
<a rel="external nofollow" rel="external nofollow" href="javascript:alert(test.innerHTML)">innerHTML内容</a>
<a rel="external nofollow" rel="external nofollow" href="javascript:alert(test.innerText)">inerHTML内容</a>
特别说明：
innerHTML是符合W3C标准的属性，而innerText只适用于IE浏览器，因此，尽可能地去使用innerHTML，而少用
innerText，如果要输出不含HTML标签的内容，可以使用innerHTML取得包含HTML标签的内容后，再用正则表达式去除HTML标签，下面是一个简单的符合W3C标准的示例：
<a rel="external nofollow" href="javascript:alert(document.getElementById('test').innerHTML.replace(/<.+?>/gim,''))">去除HTML标签后的文本</a>
OK，本文到此结束，希望对大家有所帮助。