用innerHTML给textarea的value赋值,IE下丢失换行

deltatdeltat 2011-06-04 07:21:21

<textarea id="textarea"> </textarea>
<div id="div">
line1
line2
line3
</div>
<script>
document.getElementById("textarea").value=document.getElementById("div").innerHTML;
</script>


在Firefox和Chrome下,textarea的内容都显示为有换行的,在IE6下,换行就丢失了。请问有什么办法解决么?

...全文
603 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
xiayemingchong 2011-06-24
  • 打赏
  • 举报
回复
我和你一样的问题,把那个div改成textarea就可以了,取值用value
CaiKanXP 2011-06-24
  • 打赏
  • 举报
回复
这么做有什么用处呢?

有些浏览器会对加载到内存中的HTML代码重新整理,多个连续的空白字符会当作一个空格来对待,所以试图用innerHTML来获取原始的HTML代码是不可靠的。
JParser 2011-06-10
  • 打赏
  • 举报
回复
用textarea.value代替用textarea.innerHTML
Abely2 2011-06-10
  • 打赏
  • 举报
回复
[Quote=引用 3 楼 deltatdeltat 的回复:]
引用 1 楼 abely2 的回复:

IE不支持w3标准,需要把\r\n换行替换成html的<br />换行

Replace("\r\n", "<br/>").Replace("\n","<br/>");


我是要放在textarea的value里,不需要弄成<br />啊
[/Quote]

Replace("\r\n","\n");
试下这个
deltatdeltat 2011-06-04
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 abely2 的回复:]

IE不支持w3标准,需要把\r\n换行替换成html的<br />换行

Replace("\r\n", "<br/>").Replace("\n","<br/>");
[/Quote]

我是要放在textarea的value里,不需要弄成<br />啊
乌镇程序员 2011-06-04
  • 打赏
  • 举报
回复
//测试发现,ie中通过innerHTML获取的内容不是原样的,行末的换行符(ASIIC码10)变成了空格(32)
var txt = document.getElementById('div').innerHTML;
for(var i = 0; i < txt.length; i ++) alert(txt.charCodeAt(i));


搜索了一下,貌似IE6-8版本都会有这种情况,不知道怎么解决。。
http://www.cnblogs.com/snandy/archive/2011/04/07/2007553.html
Abely2 2011-06-04
  • 打赏
  • 举报
回复
IE不支持w3标准,需要把\r\n换行替换成html的<br />换行

Replace("\r\n", "<br/>").Replace("\n","<br/>");
代码下载地址: https://pan.quark.cn/s/d56c0ac7d9f6 交流群 telegram: https://t.me/autosymlink_channel 文档 https://.com/shenxianmq/Auto_Symlink/wiki Auto_Symlink 小白牙整理 项目简介 是一个自动化工具,专门设计用于管理通过 CloudDrive2/Alist 挂载到本地的网盘。 它能够创建软链接,使得像 Emby/Jellyfin/Plex 这样的媒体服务器能够更容易地刮削和读取内容,同时减少对网盘的频繁访问。 主要特性: 实时监控: 需要CloudDrive2的会员功能文件通知,监控指定目录,自动进行必要的更新和管理。 自动化处理: 创建与更新软链接/strm文件,自动复制与更新元数据。 清理功能: 清空无效文件夹和软链接,保持本地云端一致性。 转存监控: 在常用工具中,自动监控指定文件夹,转移到目标文件夹,并删除源文件 媒体库通知: 支持Emby/Plex通知,当检测到新视频的时候,会自动通知Emby/Plex扫描该视频,极大加块扫库速度 封面制作: 自动生成精美的Emby媒体库封面 Web 界面操作: 提供一个简洁易用的Web界面,用于查看日志、编辑配置和监控系统状态。 这使得用户能够更方便地管理和调整 Auto_Symlink 的运行。 更多功能可以去常用工具中自行发掘. -- 安装和使用 直接运行 Python 文件: - 在首次运行后, 文件夹中会生成 文件。 根据文件中的注释进行配置。 - 配置完成后,使用命令 运行。 - 在 Windows 系统中,需要以管理员模式运行。 Docker 运行: 使用以下命令运行 Dock...
内容概要:本文介绍了一种基于Simulink仿真实现的太阳能电池系统与五级逆变器集成方案,重点研究太阳能电池输出电压的存储机制及直流到交流的高效转换过程。系统将光伏阵列产生的直流电储存在蓄电池中,并通过五级逆变器将直流电压转换为高质量交流电,有效提升输出波形的稳定性和电能质量。该仿真模型详细构建了能量管理流程,涵盖最大功率点跟踪(MPPT)、充放电控制、逆变器调制策略等关键环节,适用于离网和并网两种运行模式,能够为可再生能源系统的能量转换效率、动态响应特性及控制策略优化提供可靠的技术支撑和仿真验证平台。; 适合人群:具备电力电子、自动控制与可再生能源系统基础知识的硕士、博士研究生、高校科研人员,以及从事新能源系统仿真与工程设计的电气工程师和技术研发人员。; 使用场景及目标:①用于撰写高水平学术论文(如EI、SCI收录期刊)中的系统建模与仿真分析部分;②开展太阳能发电系统中储能管理与多级逆变技术的性能评估与优化研究;③作为高校课程或实验教学案例,帮助学生深入理解多级逆变器在光伏发电系统中的实际应用与控制原理。; 阅读建议:建议结合提供的Simulink模型文件进行动手实践,重点关注五级逆变器的拓扑结构设计、PWM调制方式、滤波器参数配置及其对输出波形质量的影响,同时通过调整光照强度、负载变化等工况,深入分析系统的动态响应与稳定性,全面提升科研仿真与工程应用能力。

87,990

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧