方法一:
<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中行的三种写法相关推荐

  1. CSS伪类的三种写法

    今天逛蓝色时,无意发现了有人讨论伪类的正确写法,让我对伪类的认识也更清晰了,转贴于此,以备日后查询(原贴当时没记下地址,已经记不得了) Code <style> a.tb{text-dec ...

  2. Promise的链式调用三种写法,Promise.all与式调用

    Promise的链式调用三种写法: // 1,Promise原始链式调用 new Promise((resolve, reject) => {setTimeout(() => {conso ...

  3. android 闪屏页处理_Android应用闪屏页延迟跳转的三种写法

    闪屏页也称之为欢迎页.在打开一个App时,我们第一眼看到的往往是一个闪屏页面,之所以叫闪屏页,是因为它出现之后会短暂地停留几秒钟再跳转到其他页面.闪屏页除了使用户体验更好外,还能给app留出初始化数据 ...

  4. vue2.0模板的三种写法

    vue2.0中的模板有三种写法,根据不同的需求运用不同的方法来实现 1. <!DOCTYPE html> <html lang="en"> <head ...

  5. JavaScript的三种写法

    1.2-JavaScript的三种写法 1-复习CSS代码的三种写法 1.外联样式:写在css文件中,使用link导入 <link rel="stylesheet" href ...

  6. SpringMVC框架|Handler处理器的三种写法

    文章目录 一.SpringMVC中的处理器 1.SpringMVC开发方式 2.Servlet原生开发方式 3.开发中常用的方式 一.SpringMVC中的处理器 配置完SpringMVC的处理器映射 ...

  7. JS面向对象的三种写法

    欢迎来我的博客交流 /*面向对象的三种写法 *1.构造函数 *2.class类 * 2.直接操作对象 * */ /**/function myShow(name){this.name = name;t ...

  8. vue单文件props写法_详解Vue 单文件组件的三种写法

    详解Vue 单文件组件的三种写法 JS构造选项写法 export defaul { data, methods, ...} JS class写法 @Component export default c ...

  9. java中synchronized的三种写法详解

    预备知识 首先,我们得知道在java中存在三种变量: 实例变量 ==> 存在于堆中 静态变量 ==> 存在于方法区中 局部变量 ==> 存在于栈中 然后,我们得明白,合适会发生高并发 ...

最新文章

  1. CICC《城市大脑建设规范》标准建设启动会在京召开
  2. 1600: 卡斯丁狗要吃糖葫芦-回文串
  3. P4292-[WC2010]重建计划【长链剖分,线段树,0/1分数规划】
  4. 【数字逻辑】第四章 组合逻辑电路:端口设计 端口拓展的方法
  5. yii2 mysql查询_Yii2 数据库查询汇总
  6. 毕设题目:Matlab图像压缩
  7. 项目经理要“谋定而后动,知止而有得,万事皆有法,不可乱也”
  8. java json 解析字符串_java-解析JSON字符串的最简单方法
  9. 直播 | SDCC 2017 人工智能技术实战线上峰会
  10. 迅雷 android下载地址 http,Android HTTP边下边播
  11. 数学计算机sci,近十年数学学科中国学者SCI十大发文期刊
  12. 自定义dns服务器是什么,自动分配DNS服务器和手动设置有什么区别?
  13. 怎么把图片压缩到200K以内?如何在线压缩图片大小?
  14. day54-网络安全
  15. Centos8使用yum安装Mysql
  16. 狂神说多线程学习笔记整理(二)~JUC并发编程
  17. 抖音反编译:android反编译之最新版本抖音(v7.7.0)安卓版反编译教程
  18. 带你深入了解什么是商业数据分析
  19. 北大心理与认知学院院长方方:人类注意力图和动态机制
  20. 初学者学做网页须知和JavaScript

热门文章

  1. 老哥,帮我看下这个 0day exploit:安全研究员遭疑似国家黑客社工,有人不幸中招...
  2. BLURtooth 漏洞导致攻击者覆写蓝牙认证密钥
  3. Intel 警告注意 CSME 引擎中的严重漏洞,发布产品停产通知
  4. linux常见问题(lrzszvim乱码crontab用户授权chkconfig)
  5. 中英金融科技论坛:监管科技增长较快 区块链等新技术挑战监管能力
  6. 安装labelImg
  7. 通过Nethogs查看服务器网卡流量情况
  8. postman使用之二:数据同步和创建测试集
  9. SocketType 枚举----指定 Socket 类的实例表示的套接字的类型
  10. Discuz!NT 模板机制分析