日期:2014-05-17  浏览次数:20550 次

IE的innerHTML
IE8及之前的版本,在取得innerHTML的时候,是不是得到的字符已经被处理过了?
比如
<div>
123
223
323
</div>
取出来之后就是 123 223 323了?怎样才能取得原有的字符?jQuery的.html()在IE里也只能取得之后处理之后的效果。请高手帮忙。
------解决方案--------------------
无论哪个浏览器,都是这样结果。
<div>
123
223
323中间这些,无论显示还是取得,都没有回车,不换行显示。
</div>
<div>
123<br>
223<br>
323
</div>
这样取回的结果,带有<br>,显示断行。
------解决方案--------------------
用pre标签解决问题了。

楼上可能没听明白。除了IE,其他浏览器取得innerHTML时候,都是取的原有的缩进和大小写格式,而IE取得innerHTML,是把缩进都去掉,标签都改为大写等进行处理后的信息。可以在不同浏览器试一下这段

<div id="d">
123
345
456
</div>
<script>
var f = function(){alert(document.getElementById("d").innerHTML)}()
</script>

------解决方案--------------------
既然IE在不使用<pre></pre>的情况下,在浏览器显示也是不换行,你大可以这样写
<div id="d">
<pre>
123
345
456
</pre>
</div>
<script>
var f = function(){alert(document.getElementById("d").innerHTML.replace("<PRE>","").replace

("</PRE>",""))};
f();
</script>
------解决方案--------------------
null