DIV中文本样式的问题~~~~~~求助!

boss00000 2008-07-11 01:43:25
我把textarea中的文本内容放到DIV里,怎么保持文本内容的样式不变呢?


假如我在textarea中输入的文本样式如下!
-----------
| a |
| a |
| a |
-----------

不管把筐里的文本内容放入另一个textarea中,
还是用alert()输出,文本内容的样式都不会变!
只有放进DIV里的时候变成了"a a a",想请教一
下这种情况怎么解决??

...全文
129 5 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
boss00000 2008-07-14
  • 打赏
  • 举报
回复
3楼的代码没用啊~~~

回复一楼:请问"/n"如何捕获啊?
代码怎么写啊,textarea.value或者textarea.innerHTML取到的值里如何找到\n?

我用textarea.innerHTML.replace(/\n/g,"</br>");都没反应~~~~~~~
lawrendc 2008-07-14
  • 打赏
  • 举报
回复

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
function change(){
var s=document.getElementById("otxt").innerHTML;
var t=s.replace(/\n/g,"<br/>");
document.getElementById("odiv").innerHTML = t;
}
//-->
</SCRIPT>
</HEAD>

<BODY>
<TEXTAREA id="otxt" ROWS="15" COLS="30"></TEXTAREA>
<INPUT TYPE="button" value="转换" onclick="change()"><br/>
<div id="odiv" style="width:250;height:200;border:1 solid red;word-break:break-all"></div>
</BODY>
</HTML>

s_liangchao1s 2008-07-11
  • 打赏
  • 举报
回复

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
function change(){
document.getElementById("odiv").innerHTML = document.getElementById("otxt").innerHTML;
}
//-->
</SCRIPT>
</HEAD>

<BODY>
<TEXTAREA id="otxt" ROWS="15" COLS="30"></TEXTAREA>
<INPUT TYPE="button" value="转换" onclick="change()"><br/>
<div id="odiv" style="width:250;height:200;border:1 solid red;word-break:break-all"></div>
</BODY>
</HTML>


siyee 2008-07-11
  • 打赏
  • 举报
回复
ls的答案已经给出了 你在div里显示的时候需要吧\n换成 <br>
  • 打赏
  • 举报
回复
alert()输出和textarea里边都是利用\n来实现换行的,但div中是利用<br/>来实现的,把textarea中的\n换成
<br/>就可以

87,996

社区成员

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

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