javascript innerHTML使用分析

lianyuzhu

2010-12-03

关注关注

空格处理

当在DIV中输入"a[任意个空格]a" HTML呈现在Chrome和IE下是一样的：只显示一个空格。

innerHTML属性

IE还是两个a加一个空格，
Chrome则是原始输入的样子。

回车

当在DIV中输入"a[回车][任意个空格]a"时，HTML呈现Chrome和IE是一样的。

innerHTML属性

IE是3个字符，在两个a中间加了个空格。
Chrome则是原始输入的样子，将回车解析为\n。

HTML标记

当在DIV中输入"a<Br>a" HTML呈现在Chrome和IE下是一样的。

innerHTML属性

IE中是a<BR>a，将HTML标记大写了！
Chrome是a<br>a，将HTML标记小写

TEXTAREA中回车

在textarea多行输入框中输入a[回车]b，HTML呈现Chrome和IE是一样的。

value属性

IE是4个字符，内容为：a\r\nb
Chrome是3个字符，内容为：a\nb

转载自 http://www.cnblogs.com/zjfree/

innerhtml 谷歌浏览器

lianyuzhu

0 关注 0 粉丝 0 动态

关注关注

JS的dom获取innerHtml和innerText的区别

swiftwwj 2019-12-29

在JavaScript中使用innerHTML的缺点是什么？

如果在JavaScript中使用innerHTML，缺点是：内容随处可见；不能像“追加到innerHTML”一样使用；即使你使用+ = like“innerHTML = innerHTML +'html'”旧的内容仍然会被html替换；整个innerHTM

WebVincent 2019-11-17

innerHTML和innerText的用法（动态改变网页内容） (转帖)

最近在学习JavaScript，觉得innerHTML和innerText太有用了，利用它们，我们可以试自己的网页实现动态化。不过在使用的过程中，千万要注意它们的大小写，因为错一点您就得不到预期的效果了。这是全新的方法，当您掌握它以后将可随心所欲的设计动态

MrWhite0 2015-03-17

【转】JavaScript在IE下设置innerHTML时出现\"未知的运行时错误\"

程序代码思路大致如下,想动态的改变tr标签的innerHTML内容,但是IE却报"未知的运行时错误",让我百思不得其解.在Ajax里经常会通过innerHTML来改变界面，这个比使用DOM要简单一些。这主要是IE在对innerHTML进

srchange 2016-04-26

用原生 JS 实现 innerHTML 功能实例详解

都知道浏览器和服务端是通过 HTTP 协议进行数据传输的，而 HTTP 协议又是纯文本协议，那么浏览器在得到服务端传输过来的 HTML 字符串，是如何解析成真实的 DOM 元素的呢，也就是我们常说的生成 DOM Tree，最近了解到状态机这样一个概念，于是

htmlman0 2019-04-03

JQuery填坑系列（一）：JQuery对象与DOM对象innerHTML属性

做项目时，碰到一个需求，根据一个下拉框选项的值来动态显示另一个表单元素的标题。心想着做一下选项值的判断，然后用一下innerHTML这一属性，应该就可以了。然而，我还是图样图森破，用JQuery获取到相应的对象之后并且加上innerHTML这一属性，怎么都

DolphinThinker 2019-06-29

【速记】React解决IE浏览器svg标签不支持innerHTML操作的问题及相关拓展知识

* This source code is licensed under the MIT license found in the. * LICENSE file in the root directory of this source tree.// I

kbkiss 2019-06-29

【转】JavaScript在IE下设置innerHTML时出现"未知的运行时错误"

zwq 2016-04-26

innerhtml outhtml innerText outText 区别

innerHTML获取标签内的HTML. innerText 设置或获取位于对象起始和结束标签内的文本。innerTEXT和outerTEXT都是获取标签内的文本，相同。//alert //返回 p标签，与p标签里面的内容。<div id=&quo

WCschool官方 2015-07-20

javascript innerHTML、outerHTML、innerText、outerText的区别

特别说明：　　innerHTML是符合W3C标准的属性，而innerText只适用于IE浏览器，因此，尽可能地去使用innerHTML，而少用innerText，如果要输出不含HTML标签的内容，可以使用innerHTML取得包含HTML标签的内容后，再用

lzn 2015-06-10

innerHTML和innerText的用法（动态改变网页内容） (转帖)

不过在使用的过程中，千万要注意它们的大小写，因为错一点您就得不到预期的效果了。这是全新的方法，当您掌握它以后将可随心所欲的设计动态内容了，不可错过哦！DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitiona

XaverSun 2015-03-17

jQuery EasyUI Datagrid性能优化专题

jQuery EasyUI的Datagrid组件功能算是很强大了，不过性能确实不怎么乐观，而对于性能问题，网络上几乎也找不到相关的优化资料，所谓的牛人们可能都望而却步了。本博客以后会带着分析Datagrid组件的性能问题，并且给出优化方案，也希望大家能集

sunnylinner 2014-12-19

IE6-IE9中tbody的innerHTML不能赋值bug

IE6-IE9中tbody的innerHTML不能赋值，重现代码如下。</html>两个按钮，第一个获取tbody的innerHTML，第二个设置tbody的innerHTML。获取时所有浏览器都弹出了tr的字符串，但设置时IE6-9不支持，而

yaoliuwei 2014-09-25

innerHTML插入<style>元素

通过innerHTML写入<style>元素没有得到浏览器很好的支持，IE9、Opear 9、Chrome高版本和Firefox高版本支持以直观的方式通过innerHTML插入<style>元素，例如：。div.innerHTML

zhangpeng 2014-09-05

innerHTML、innerText和outerHTML、outerText的区别

innerText和outerText在获取时是相同效果，但在设置时，innerText仅设置标签内的文本，而outerText设置包括标签在内的文本。<title>innerHTML、outerHTML和innerText、outerHTML

来老师 2014-08-10

innerHtml和innerText

innerHTML属性设置或返回表格行的开始和结束标签之间的HTML。**innerHTML是符合W3C标准的属性，而innerText只适用于IE浏览器，因此，尽可能地去使用innerHTML，而少用innerText，如果要输出不含HTML标签的内容，

zhangpeng 2014-05-04

innerHTMl和确认提示的使用

今天开发中涉及到对一个层的信息控制，就是控制一个层中显示什么信息，查找资料才知道使用innerHTML属性来控制层的值，这个innerHTML跟表单里面的value属性有点类似，能够控制层的显示值。比如说我一个div层里本来没有值，我处罚一个事件后要显示值

XaverSun 2013-11-15

高效http页面优化法则【JS对DOM的操作】

很多人都认为JS的效率太慢了，都不愿意用js来实现相对困难一点的程序逻辑。在这里我要说的是其实js的效率并不慢，慢的是DOM，如果操作好DOM，你的js效率将提高接近千倍。

careyourself 2013-11-15

Angular中innerHTML标签的样式不起作用的原因解析

contents = '<p>商品信息栏位<br><span style="color:red;">商品信息介绍</span></p>'; 但是上面的样式并不起作用，在Chor

maozhuofan 2019-06-18

js中innerHTML、outHTML和innerText的用法与区别

也就是从对象的起始位置到终止位置的全部内容,包括Html标签。上例中的test.innerHTML的值也就是“<spanstyle="color:red">test1</span>test2”。上例中的test.

tianqi 2013-07-23

安科网

javascript innerHTML使用分析

lianyuzhu

lianyuzhu

相关推荐

JS的dom获取innerHtml和innerText的区别

在JavaScript中使用innerHTML的缺点是什么？

innerHTML和innerText的用法（动态改变网页内容） (转帖)

【转】JavaScript在IE下设置innerHTML时出现\"未知的运行时错误\"

用原生 JS 实现 innerHTML 功能实例详解

JQuery填坑系列（一）：JQuery对象与DOM对象innerHTML属性

【速记】React解决IE浏览器svg标签不支持innerHTML操作的问题及相关拓展知识

【转】JavaScript在IE下设置innerHTML时出现"未知的运行时错误"

innerhtml outhtml innerText outText 区别

javascript innerHTML、outerHTML、innerText、outerText的区别

innerHTML和innerText的用法（动态改变网页内容） (转帖)

jQuery EasyUI Datagrid性能优化专题

IE6-IE9中tbody的innerHTML不能赋值bug

innerHTML插入<style>元素

innerHTML、innerText和outerHTML、outerText的区别

innerHtml和innerText

innerHTMl和确认提示的使用

高效http页面优化法则【JS对DOM的操作】

Angular中innerHTML标签的样式不起作用的原因解析

js中innerHTML、outHTML和innerText的用法与区别

lianyuzhu