假如我在textarea中输入的文本样式如下!
-----------
| a |
| a |
| a |
-----------
不管把筐里的文本内容放入另一个textarea中,
还是用alert()输出,文本内容的样式都不会变!
只有放进DIV里的时候变成了"a a a",想请教一
下这种情况怎么解决??
-
等级
本版专家分：4结帖率 62.96% -
我把textarea中的文本内容放到DIV里,怎么保持文本内容的样式不变呢?
假如我在textarea中输入的文本样式如下!
-----------
| a |
| a |
| a |
-----------
不管把筐里的文本内容放入另一个textarea中,
还是用alert()输出,文本内容的样式都不会变!
只有放进DIV里的时候变成了"a a a",想请教一
下这种情况怎么解决??
展开阅读全文
-
等级
本版专家分：8486 -
alert()输出和textarea里边都是利用\n来实现换行的，但div中是利用<br/>来实现的，把textarea中的\n换成
<br/>就可以
-
等级
本版专家分：668 -
ls的答案已经给出了 你在div里显示的时候需要吧\n换成 <br>
-
等级
本版专家分：30360勋章
-
-
蓝花
2009年8月 Web 开发大版内专家分月排行榜第三
2008年7月 Web 开发大版内专家分月排行榜第三
2008年6月 Web 开发大版内专家分月排行榜第三
2008年5月 Web 开发大版内专家分月排行榜第三
-
-
<!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>
-
等级
本版专家分：4
-
3楼的代码没用啊~~~
回复一楼:请问"/n"如何捕获啊?
代码怎么写啊,textarea.value或者textarea.innerHTML取到的值里如何找到\n?
我用textarea.innerHTML.replace(/\n/g,"</br>");都没反应~~~~~~~
-
等级
本版专家分：6130
-
<!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>
- CSS中常见的6种文本样式
前面的话 CSS文本样式是相对于内容进行的样式修饰。由于在层叠关系中，内容要高于背景。所以文本样式相对而言更加重要。有些人对文本和字体样式之间的不同不太了解，简单地讲，文本是内容，而字体则用于显示...
- CSS 中文本的属性，非常全面的总结！
3.字体样式 font-style：italic；表示文字为斜体的样式。 font-style 的属性值有：normal 表示正常的字体，也是默认值。oblique 表示倾斜的文字。italic 表示斜体字。一般情况这两种都表示斜体，且从外表看无差距...
- CSS 文本样式
@charset "utf-8"; body{ width: 600px; border:1px solid red;...div{ background: silver; width: 200; height: 200; min-height: 100px; 最小的高度 min-width:100px;
- 求助~~layer在form表单事件里无法正常使用
各位大佬，小白遇到了一个奇葩的问题： 在form表单里添加一个Button按钮点击事件，调用layer弹框，奇怪的是layer立即关闭，关闭之后会刷新一下界面，实在是找不到什么问题呀？求助~~~~~~~~ ------------把主要的代码...
- 使用easyui dialog 弹出框的一些注意事项
使用easy ui 的dialog弹出框制作后台管理系统时需要点击按钮弹出个新的弹出框，为了保持每次点击显示出来的数据... $("").dialog({ title: '批量处理', id:'batchProcessing', width: 920, height:
- div 边框阴影
div边框加阴影效果,求高手帮忙~ 浏览次数：60次悬赏分：0 | 解决时间：2011-8-10 15:39 | 提问者：zmjailwy 在css样式里建了.mydiv{ width:500px;height:auto;border:#909090 1px solid;background:#fff;color:#...
- 练习切图。所得。
切图。。就切个才会好。。这东西几年了都不敢碰。。好像最近有了感觉。 ...最下边的层是最大的div。...但做的时候问题一个个就出来了~ ...2. css样式。 遇到几个问题： 1）图片+文字。 a. 排版： 除了 <div&...
- 关于echarts动态图表tab切换出现的问题
后来求助广大历害的网络，使用了echarts.min.js这个来写饼状图和折线图，果然简单有效。不过头一次用这个js还真是不太会啊..../(ㄒoㄒ)/~~ echart官网 我是把页面布局弄完最后才写饼状图和折线图。最后tab切换时...
- 前端工程师使用node.js打造日记社区教程之三
这章我们来构建一下页面，画了个草图，见笑了 大概是这个样子吧，后面bootstrap的时候还是可以修改的。 打开我们的layout.html如下修改： ... 喵喵日记 - 多人分享日记社区 公开的 快乐的 ...
- 使用JQuery.lettering.js实现多行文本样式自定义
前几天一位在广告公司的朋友发来求助，说：“有一个项目要求实现对字符串进行动态拆分，然后对拆分出的字符分别使用不同的样式效果...”，听到这个需求，我内心有点不屑，这有何能，最多五分钟搞定啊~~ 于是我在直接...
- HTML5 progress元素的样式控制、兼容与实例
一、progress元素基本了解 基本UI ...IE10+以及其他靠谱浏览器都支持。如下简单code: ...” 恩…我只能对你说：“鄙视你，丫的都舍不得用靠谱点的浏览器吗？...这个默认的效果，不同浏览器下的效果不尽相同，如下截图
- 求助帖子~这样的内联代码要怎么修改css样式?
这个是我的网站内部的一个代码，这样的内联代码要怎么修改css样式?我找了很多攻略都不行，求助大神们
- WEB开发文档2 总结
http://blog.donews.com/lvjiyong/archive/2006/06/29/931071.aspx 怎样将后台生成的在内存中的图象显示到客户端 Microsoft IE WebControls下载地址 如何在DATAGRID中使用JAVASCRIPT脚本控制 DataGrid...下载中文名
- div布局时如何防止浏览器窗口缩小的错误情况？？
如何实现左边菜单栏div而整个页面中间是内容div？？？我将左边菜单栏左浮动之后，缩小浏览器窗口时中间内容div会跟菜单栏重合，设置overflow的话小窗口下内容栏会在菜单栏下方，求助。。急！！如图，如何解决浏览器...
- 简单弹窗的设置(CSS方式)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"...
- 在css3中给多个h2标签添加样式，排除其中一个h2标签不使用同一添加的样式怎么办？
初学者：在页面排版中有3个div元素，每个div元素包涵一个h2标签，在css中添加h2 标签样式为： h2｛ padding-left：40px； ｝ 排除其中一个div元素中的h2标签不使用这个样式有什么办法啊？ 求助大神！！
- 网页a链接 其他浏览器可以点开safari点了以后没有反应
今天碰到了如上问题，求助同事。找到原因。 safari不能穿透div点击事件。a链接所在标签被其他div盖住了。 解决：给a标签所在div添加 样式style="position: relative ; z-index: 1" <div class=...
- 从字符串中提取标记
新浪首页/* 全局样式 */body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;}body{background:#fff;color:#333;font-size:12px; margin-
- 让内层DIV跟着外层DIV变化
让内层DIV跟着外层DIV变化
- [腾讯地图]点击某一个Marker，然后样式更改。怎样让非点击的Marker样式回复原状？
特来求助各位，如果这能实现，该怎么实现？最好有代码可以让我参考一下~ ``` const latlngs = []; const test = []; let datas; if (this.allProjects) { datas = this.allProjects; for (let...
- 今天，你精通css了吗？
案例1 面试者：你好，我来面试公司的xhtml/css工程师职位。 考官：恩。你对CSS的了解程度怎么样，精...提问者：我想把一些员工数据，比如姓名、员工编号、部门、入职时间、工资这些显示出来，怎么用div+css来写比较好
- 在js中控制样式出现问题，求助。
<div class="main_store_slide" style="margin-top:70px;"> <div class="swiper-container swiper-container-horizontal swiper-container-free-mode"> <div class="swiper-wrapper"> <!--1--> <div class=...
- 淘宝天猫店铺装修问题与技巧性经验汇总
淘宝天猫店铺装修问题与技巧性经验汇总 作者:艺灵设计 | 来源:http://www.yilingsj.com | 时间:2015-01-21 14:14:52 | 评:4 | 阅:6559 | 积分:0 前言 站长于2013年8月14号开始接触淘宝，由于div+
- 第7章 网站前台-吐槽与问答
1 吐槽列表与详细页 1.1 吐槽列表页 1.1.1 吐槽列表页数据渲染 吐槽列表页已经构建，我们现在来实现数据的渲染 （1）easyMock模拟数据 URL: spit/spit/search/{page}/{size} Method: post { "...
- js 定义二维数组并初始化
最近一朋友搞安卓的，需要做个电影院选作位的 VIEW 原生安卓找不到对应的实现方法，只好求助于我用前端html5+js实现。搞了半夜，附上劳动成果。给需要用js二维数组和二维数组初始化的童鞋当demo用 <!...
- webmagic采集CSDN的Java_WebDevelop页面
使用webmagic采集博客类的网站示例
- 十次方专属社交平台前端系统开发 网站前台-吐槽与问答
学习目标： 完成吐槽列表与详细页 完成发吐槽与评论功能，掌握富文本编辑器的使用 完成问答频道功能 掌握DataURL和阿里云OSS 1.吐槽列表与详细页 1.1吐槽列表页 1.1.1吐槽列表页数据渲染 吐槽列表页已经构建，我们...
- 微信公众平台开发入门
本套课程的设计完全是为初学者量身打造，课程内容由浅入深，课程讲解通俗易懂，代码实现简洁清晰。通过本课程的学习，学员能够入门微信公众平台开发，能够胜任企业级的订阅号、服务号、企业号的应用开发工作。 通过本课程的学习，学员能够对微信公众平台有一个清晰的、系统性的认识。例如，公众号是什么，它有什么特点，它能做什么，怎么开发公众号。 其次，通过本课程的学习，学员能够掌握微信公众平台开发的方法、技术和应用实现。例如，开发者文档怎么看，开发环境怎么搭建，基本的消息交互如何实现，常用的方法技巧有哪些，真实应用怎么开发。 通过合理的课程设计，结合讲师多年的教学经验、微信开发经验，轻松引导初学者掌握微信公众平台开发。