取得textarea中行的三种写法
方法一:
<textarea id="tex">
无忧脚本
欢迎您的到来!
在这里寻找编写HTML代码的乐趣
</textarea>
<script language="JavaScript">
var s = document.getElementById("tex").innerHTML;
s = s.split("\r\n");
for(var i = 0 ; i < s.length ; i ++){
alert(s[i]);
}
</script>
方法二:
<SCRIPT language="javascript">
/**
* added by LxcJie 2004.7.16
* 返回指定行的range对象
* num为行号,areaId为textarea的id
*/
function getTextRange(num, areaId)
{
var range = document.all(areaId).createTextRange();
var rect = range.getClientRects();
var left = rect[0].left;
if(num > rect.length - 1 || num < 0)
return;
if(num == 0)
{
var right = rect[0].right;
range.moveEnd("character",-range.text.length);
while(range.offsetLeft + range.boundingWidth < right)
{
range.expand("character");
}
return range;
}
else
{
var right = rect[num].right;
var range = getTextRange(num - 1, areaId);
range.moveStart("character",range.text.length + 1);
while(range.offsetLeft + range.boundingWidth < right)
{
range.expand("character");
}
if(range.offsetLeft > left)
range.moveStart("character",-1);
return range;
}
}
function getText(num)
{
var range = getTextRange(num,"area")
if(range != null)
{
alert(range.text);
range.select();
}
}
</SCRIPT>
<TEXTAREA cols="50" rows="10" id="area">
客从东方来,衣上灞陵雨。问客何为来,采山因买斧。冥冥花正开,扬扬燕新乳。昨别今已春,鬓丝生几缕。
客从东方来,衣上灞陵雨。
问客何为来,采山因买斧。
冥冥花正开,扬扬燕新乳。
昨别今已春,鬓丝生几缕。
</TEXTAREA><p>
<input type="button" onClick="getText(0)" value="选第一行">
<input type="button" onClick="getText(1)" value="选第二行">
<input type="button" onClick="getText(2)" value="选第三行">
<input type="button" onClick="getText(3)" value="选第四行">
方法三:
<textarea id="tex">
无忧脚本
欢迎您的到来!
在这里寻找编写HTML代码的乐趣
</textarea>
<script>tex.innerHTML.replace(/[^\r\n]+/g,function(s){alert(s)})</script>
转载于:https://www.cnblogs.com/ufo0303/archive/2006/08/28/488295.html
取得textarea中行的三种写法相关推荐
- CSS伪类的三种写法
今天逛蓝色时,无意发现了有人讨论伪类的正确写法,让我对伪类的认识也更清晰了,转贴于此,以备日后查询(原贴当时没记下地址,已经记不得了) Code <style> a.tb{text-dec ...
- Promise的链式调用三种写法,Promise.all与式调用
Promise的链式调用三种写法: // 1,Promise原始链式调用 new Promise((resolve, reject) => {setTimeout(() => {conso ...
- android 闪屏页处理_Android应用闪屏页延迟跳转的三种写法
闪屏页也称之为欢迎页.在打开一个App时,我们第一眼看到的往往是一个闪屏页面,之所以叫闪屏页,是因为它出现之后会短暂地停留几秒钟再跳转到其他页面.闪屏页除了使用户体验更好外,还能给app留出初始化数据 ...
- vue2.0模板的三种写法
vue2.0中的模板有三种写法,根据不同的需求运用不同的方法来实现 1. <!DOCTYPE html> <html lang="en"> <head ...
- JavaScript的三种写法
1.2-JavaScript的三种写法 1-复习CSS代码的三种写法 1.外联样式:写在css文件中,使用link导入 <link rel="stylesheet" href ...
- SpringMVC框架|Handler处理器的三种写法
文章目录 一.SpringMVC中的处理器 1.SpringMVC开发方式 2.Servlet原生开发方式 3.开发中常用的方式 一.SpringMVC中的处理器 配置完SpringMVC的处理器映射 ...
- JS面向对象的三种写法
欢迎来我的博客交流 /*面向对象的三种写法 *1.构造函数 *2.class类 * 2.直接操作对象 * */ /**/function myShow(name){this.name = name;t ...
- vue单文件props写法_详解Vue 单文件组件的三种写法
详解Vue 单文件组件的三种写法 JS构造选项写法 export defaul { data, methods, ...} JS class写法 @Component export default c ...
- java中synchronized的三种写法详解
预备知识 首先,我们得知道在java中存在三种变量: 实例变量 ==> 存在于堆中 静态变量 ==> 存在于方法区中 局部变量 ==> 存在于栈中 然后,我们得明白,合适会发生高并发 ...
最新文章
- CICC《城市大脑建设规范》标准建设启动会在京召开
- 1600: 卡斯丁狗要吃糖葫芦-回文串
- P4292-[WC2010]重建计划【长链剖分,线段树,0/1分数规划】
- 【数字逻辑】第四章 组合逻辑电路:端口设计 端口拓展的方法
- yii2 mysql查询_Yii2 数据库查询汇总
- 毕设题目:Matlab图像压缩
- 项目经理要“谋定而后动,知止而有得,万事皆有法,不可乱也”
- java json 解析字符串_java-解析JSON字符串的最简单方法
- 直播 | SDCC 2017 人工智能技术实战线上峰会
- 迅雷 android下载地址 http,Android HTTP边下边播
- 数学计算机sci,近十年数学学科中国学者SCI十大发文期刊
- 自定义dns服务器是什么,自动分配DNS服务器和手动设置有什么区别?
- 怎么把图片压缩到200K以内?如何在线压缩图片大小?
- day54-网络安全
- Centos8使用yum安装Mysql
- 狂神说多线程学习笔记整理(二)~JUC并发编程
- 抖音反编译:android反编译之最新版本抖音(v7.7.0)安卓版反编译教程
- 带你深入了解什么是商业数据分析
- 北大心理与认知学院院长方方:人类注意力图和动态机制
- 初学者学做网页须知和JavaScript
热门文章
- 老哥,帮我看下这个 0day exploit:安全研究员遭疑似国家黑客社工,有人不幸中招...
- BLURtooth 漏洞导致攻击者覆写蓝牙认证密钥
- Intel 警告注意 CSME 引擎中的严重漏洞,发布产品停产通知
- linux常见问题(lrzszvim乱码crontab用户授权chkconfig)
- 中英金融科技论坛:监管科技增长较快 区块链等新技术挑战监管能力
- 安装labelImg
- 通过Nethogs查看服务器网卡流量情况
- postman使用之二:数据同步和创建测试集
- SocketType 枚举----指定 Socket 类的实例表示的套接字的类型
- Discuz!NT 模板机制分析