innerHTML使用总结4个注意点

对像的innerHTML属性的作用是设置或返回表格行的开始和结束标签之间的 HTML。一般都是用于DIV控件中,下面就来说说不同浏览器下面对空格，回车，换行的区别的，以便于你在开发中处理bug呢:

1、空格处理

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

innerHTML属性

IE还是两个a加一个空格，

Chrome则是原始输入的样子。

2、回车

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

innerHTML属性

IE是3个字符，在两个a中间加了个空格。

Chrome则是原始输入的样子，将回车解析为/n。

3、HTML标记

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

innerHTML属性

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

Chrome是a<br>a，将HTML标记小写

4、TEXTAREA中回车

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

value属性

IE是4个字符，内容为：a/r/nb

Chrome是3个字符，内容为：a/nb