innerhtml表示什么,innerhtml的缺点

　　Innerhtml和innertext是JavaScript element对象中的两个属性，都可以设置或获取document对象的文本内容，但两者有一些区别。下面的文章将带您了解innerhtml和innertext的属性，并简要比较它们的区别。

　　首先，让我们简单看一下innerHTML和innerText属性；然后，我们可以通过代码实例直观感受innerHTML和innerText属性的区别。【推荐学习：javascript高级教程】

　　InnerHTML属性：可以设置或获取标签从开始位置到结束位置的所有内容。

　　InnerText属性：可以设置或获取标签从开始位置到结束位置的所有文本信息。

　　通过文字描述，是不是有点绕弯？我们来看一张图。

　　从上图中，我们知道innerhtml和innertext属性的区别了吗？让我们通过代码示例具体看看innerhtml和innertext属性之间的区别：

　　首先，我们有这个HTML框架。

　　div id=test

　　span style= color:red test1/span test2

　　/div

　　type= button onclick= get content() value=获取div元素的内容/

　　我们使用innerHTML属性来获取div标签的内容。

　　脚本类型=文本/javascript

　　函数getContent(){

　　var div=document . getelementbyid( test )；

　　console . log(div . innerhtml)；

　　}

　　/script点击按钮，控制台的输出结果：

　　我们使用innerText属性来获取div标签的内容。

　　脚本类型=文本/javascript

　　函数getContent(){

　　var div=document . getelementbyid( test )；

　　console . log(div . innertext)；

　　}

　　/script点击按钮，控制台的输出结果：

　　总结：innerHTML和innerText属性的区别

　　innerText属性可以输出标记之间的纯文本信息，这将过滤掉标记。

　　InnerHTML属性可以输出标签之间的所有内容，包括HTML标签和里面的文本信息。

　　特别说明：

　　InnerHTML是符合W3C的属性，而innerText只适用于IE浏览器，所以我们应该少用innerText。

　　如果必须输出不带HTML标签的内容，可以先用innerHTML获取带HTML标签的内容，再用正则表达式过滤HTML标签。

　　有关编程的更多信息，请访问：编程入门！innerhtml和innertext有什么区别？两者的简单对比详情请多关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。