jQuery text()调用在Firefox中保留换行符,但在IE中则不行

我正在做:

alert($("#div").text());

在这样的事情上:

<div>
Some text
<div>

为何逃脱内容？因为它有时是畸形的,我不希望它干扰或破坏文档的其余部分.

在FF中它显示保留换行符.在IE7中它没有.我需要保留白色空间.这个内容实际上是在textarea进行编辑.

在任何人推荐使用富文本编辑器之前,这段代码实际上并不是HTML.这是一种习惯的方言.

那么如何在IE中保留换行符呢？

看起来这是我的问题:Internet Explorer innerHTML Quirk:

但是,innerHTML在Internet Explorer中存在问题.

HTML标准要求对内容的显示进行转换. 所有种类和数量的相邻空格都折叠成一个空格.这是一件好事 - 作为一个例子,它允许我在这个源文件中添加很多换行符,而不必担心显示文本中的奇怪换行符.

Internet Explorer将这些转换应用于innerHTML属性.这似乎是个好主意:它在显示期间节省了一点时间,因为如果内存中表示已经规范化,那么浏览器无需在需要显示文本时进行规范化.

但是,规范化规则有例外.值得注意的是,这些是元素,<pre>元素,在CSS感知浏览器中,这些元素具有任何值,但对于white-space属性是正常的.</p> <p>Internet Explorer不尊重这些特殊情况.第三种方法使得优化成为一个坏主意,因为白空间可能在运行时发生变化,例如通过DOM.在任何情况下,Internet Explorer都会规范化innerHTML属性的所有赋值,从而导致下面演示的效果.</p> <p>此文本在页面加载时填充textarea.这也包含换行符和多个空格.除了UA可能会断行之外,格式化也会保留在此处.</p> </blockquote> <p>(重点补充)</p> <p>事实上,如果我改为:</p> <pre class="brush:bash;"><div id="div"> <pre> ... </pre> </div> </pre> <p>和</p> <pre class="brush:bash;">$("#div pre").text() </pre> <p>或者干脆:</p> <pre class="brush:bash;"><style type="text/css"> #div { white-space: pre } </style> </pre> <p>这一切都神奇地起作用.</p></p> <br><br><b>2> Seb..：</b><hr><p>不确定这是否有帮助,但也许你可以试试这个:</p> <pre class="brush:bash;">#div { white-space: pre; } </pre></p> </div> <div class="article_ab" style="width: 720px;height: 100px;margin: 0 auto;margin-top: 15px;"> </div> <div class="article_recommend"> <div class="list_top">推荐阅读</div> <div class="ListItems"> <ul class="NewsList"> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/R-_ShiHeShuJuZiJ_a9855422.html" target="_blank" title="R:适合数据子集的GAM">R:适合数据子集的GAM</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《R:适合数据子集的GAM》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/R-_ShiHeShuJuZiJ_a9855422.html" target="_blank" title="R:适合数据子集的GAM">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/DiGuiBaoKuo_Sequ_c3c279fb.html" target="_blank" title="递归包括Sequelize吗？">递归包括Sequelize吗？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《递归包括Sequelize吗？》经验，为你挑选了0个好方法。 ... <a href="https://devbox.cn/p/DiGuiBaoKuo_Sequ_c3c279fb.html" target="_blank" title="递归包括Sequelize吗？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/sgetn_MeiYou_Nul_612fbd3c.html" target="_blank" title="sgetn没有Null终止字符串">sgetn没有Null终止字符串</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《sgetn没有Null终止字符串》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/sgetn_MeiYou_Nul_612fbd3c.html" target="_blank" title="sgetn没有Null终止字符串">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/WeiShiMe_RESTful_b77ff983.html" target="_blank" title="为什么RESTful servics应该是无状态的？有什么好处？">为什么RESTful servics应该是无状态的？有什么好处？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《为什么RESTfulservics应该是无状态的？有什么好处？》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/WeiShiMe_RESTful_b77ff983.html" target="_blank" title="为什么RESTful servics应该是无状态的？有什么好处？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/WeiShiMe_--_ZaiH_5a30fc7c.html" target="_blank" title="为什么..在获取所有属性,但是...的...没有得到所有的值？">为什么..在获取所有属性,但是...的...没有得到所有的值？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《为什么..在获取所有属性,但是的没有得到所有的值？》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/WeiShiMe_--_ZaiH_5a30fc7c.html" target="_blank" title="为什么..在获取所有属性,但是...的...没有得到所有的值？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/ZaiQiYeDaiLiHouM_1b49ce13.html" target="_blank" title="在企业代理后面使用OWASP ZAP">在企业代理后面使用OWASP ZAP</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《在企业代理后面使用OWASPZAP》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/ZaiQiYeDaiLiHouM_1b49ce13.html" target="_blank" title="在企业代理后面使用OWASP ZAP">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/RuHeZai_Qt_ZhuXi_b518c934.html" target="_blank" title="如何在Qt主线程中正确执行GUI操作？">如何在Qt主线程中正确执行GUI操作？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《如何在Qt主线程中正确执行GUI操作？》经验，为你挑选了0个好方法。 ... <a href="https://devbox.cn/p/RuHeZai_Qt_ZhuXi_b518c934.html" target="_blank" title="如何在Qt主线程中正确执行GUI操作？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/ShiTiKuangJia_6__233b1db6.html" target="_blank" title="实体框架6投影生成等效于"Select*"的SQL,并且不生成WHERE子句">实体框架6投影生成等效于"Select*"的SQL,并且不生成WHERE子句</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《实体框架6投影生成等效于"Select*"的SQL,并且不生成WHERE子句》经验，为你挑选了0个好方法。 ... <a href="https://devbox.cn/p/ShiTiKuangJia_6__233b1db6.html" target="_blank" title="实体框架6投影生成等效于"Select*"的SQL,并且不生成WHERE子句">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/NeiHeQiDongShiBa_87dbd585.html" target="_blank" title="内核启动失败：参数无效，CUDA运行时错误">内核启动失败：参数无效，CUDA运行时错误</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《内核启动失败：参数无效，CUDA运行时错误》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/NeiHeQiDongShiBa_87dbd585.html" target="_blank" title="内核启动失败：参数无效，CUDA运行时错误">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/ZaiTeShuZiFuHouS_edbd18fa.html" target="_blank" title="在特殊字符后首字母大写">在特殊字符后首字母大写</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《在特殊字符后首字母大写》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/ZaiTeShuZiFuHouS_edbd18fa.html" target="_blank" title="在特殊字符后首字母大写">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/RuHeKeFu_pycharm_577dfd3b.html" target="_blank" title="如何克服pycharm中的列表理解？">如何克服pycharm中的列表理解？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《如何克服pycharm中的列表理解？》经验，为你挑选了0个好方法。 ... <a href="https://devbox.cn/p/RuHeKeFu_pycharm_577dfd3b.html" target="_blank" title="如何克服pycharm中的列表理解？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/OmniSharp_WuFaZa_0f8e9c18.html" target="_blank" title="OmniSharp无法在Visual Studio Code中启动">OmniSharp无法在Visual Studio Code中启动</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《OmniSharp无法在VisualStudioCode中启动》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/OmniSharp_WuFaZa_0f8e9c18.html" target="_blank" title="OmniSharp无法在Visual Studio Code中启动">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/TuChuXianShiDang_35defdf8.html" target="_blank" title="突出显示当前的UICollectionViewCell tvOS">突出显示当前的UICollectionViewCell tvOS</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《突出显示当前的UICollectionViewCelltvOS》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/TuChuXianShiDang_35defdf8.html" target="_blank" title="突出显示当前的UICollectionViewCell tvOS">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/Flink-_XieRu_dev_64a2914a.html" target="_blank" title="Flink:写入dev/null">Flink:写入dev/null</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《Flink:写入dev/null》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/Flink-_XieRu_dev_64a2914a.html" target="_blank" title="Flink:写入dev/null">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/RuHeJiang_css--b_d72e72dd.html" target="_blank" title="如何将css :: before伪元素排成一个网格">如何将css :: before伪元素排成一个网格</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《如何将css::before伪元素排成一个网格》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/RuHeJiang_css--b_d72e72dd.html" target="_blank" title="如何将css :: before伪元素排成一个网格">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/RubyonRails-Base_c741f20b.html" target="_blank" title="Ruby on Rails - Base64的外部图像URL">Ruby on Rails - Base64的外部图像URL</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《RubyonRails-Base64的外部图像URL》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/RubyonRails-Base_c741f20b.html" target="_blank" title="Ruby on Rails - Base64的外部图像URL">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/WeiBoHuoDe_TypeE_91929034.html" target="_blank" title="未捕获的TypeError:无法读取未定义的属性"createRouteFromReactElement"">未捕获的TypeError:无法读取未定义的属性"createRouteFromReactElement"</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《未捕获的TypeError:无法读取未定义的属性"createRouteFromReactElement"》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/WeiBoHuoDe_TypeE_91929034.html" target="_blank" title="未捕获的TypeError:无法读取未定义的属性"createRouteFromReactElement"">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/RuHeWei_python3__fbba4c29.html" target="_blank" title="如何为python 3配置spacemacs？">如何为python 3配置spacemacs？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《如何为python3配置spacemacs？》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/RuHeWei_python3__fbba4c29.html" target="_blank" title="如何为python 3配置spacemacs？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/SeleniumWebdrive_68539ddb.html" target="_blank" title="Selenium Webdriver和SoapUI有什么区别？">Selenium Webdriver和SoapUI有什么区别？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《SeleniumWebdriver和SoapUI有什么区别？》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/SeleniumWebdrive_68539ddb.html" target="_blank" title="Selenium Webdriver和SoapUI有什么区别？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/data-table_Zhong_7b5ee13a.html" target="_blank" title="data.table中的扩展窗口(累积计算):如何提高性能">data.table中的扩展窗口(累积计算):如何提高性能</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《data.table中的扩展窗口(累积计算):如何提高性能》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/data-table_Zhong_7b5ee13a.html" target="_blank" title="data.table中的扩展窗口(累积计算):如何提高性能">[详细]</a> </div> <div style="clear:both"></div> </li> </ul> </div> </div> <div class="article_cmnt" style="display: none;"> <div class="cmnt_title">吐了个 "CAO" !</div> <form action="" method="post"> <div class="cmnt_text"> <textarea class="ping-txt" onfocus="ck_txt(this);" onblur="ck_txt2(this);" id="ping-txt" name="ping-txt" >吐个槽吧,看都看了