`
mw666666
  • 浏览: 23885 次
  • 性别: Icon_minigender_1
  • 来自: 保定
社区版块
存档分类
最新评论

textarea 取每一行文字

    博客分类:
  • js
阅读更多
一、


<textarea id="tex">
111111
2222222
33333333
</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>

分享到:
评论

相关推荐

    textarea 输入框自适应高度

    1. **初始化设置**:首先,为textarea添加一个初始的最小高度,例如2行或3行的高度,以便用户开始输入时有一个基本的空间。 2. **事件监听**:监听textarea的`input`或`change`事件,这些事件会在用户输入或删除...

    易语言编辑框内容满删除第一行

    在易语言编程中,"编辑框内容满删除第一行"是一个常见的操作,特别是在处理大量文本数据时。编辑框是用户界面中的一个元素,用于输入或显示文本,类似于其他编程语言中的textarea控件。当编辑框内容达到特定条件,如...

    vuejs+element UI点击编辑表格某一行时获取内容填入表单的示例

    在介绍如何使用Vue.js结合Element UI实现点击编辑表格某一行时将内容填入表单的示例之前,首先需要了解几个核心概念: 1. Vue.js:它是一个用于构建用户界面的渐进式JavaScript框架,以数据驱动和组件化的思想设计...

    《程序天下:JavaScript实例自学手册》光盘源码

    3.6 textarea自适应文字行数 3.7 禁止文本框的拷贝和粘贴 3.8 控制两个文本框只输其一 3.9 判断编辑器中是否包含特殊字符 3.10 判断文本中回车的数量 3.11 判断字符串中有多少汉字 3.12 去除字符串的前后空格 3.13 ...

    程序天下:JavaScript实例自学手册

    3.6 textarea自适应文字行数 3.7 禁止文本框的拷贝和粘贴 3.8 控制两个文本框只输其一 3.9 判断编辑器中是否包含特殊字符 3.10 判断文本中回车的数量 3.11 判断字符串中有多少汉字 3.12 去除字符串的前后空格 3.13 ...

    易语言编辑框使用技巧例程

    这个子程序会遍历编辑框的文本,计算其中包含的回车符数量,并将结果加1(因为第一行没有回车符)以得到总行数。这样的功能在需要统计文本内容、实现分页显示或者分析用户输入时非常有用。 以下是一个简单的“取...

    2021-2022计算机二级等级考试试题及答案No.11980.docx

    21. 为了让标签框的文字自动折行,需要设置`AutoSize`和`WordWrap`属性为True。 22. 数据库管理系统DBMS中,DDL(Data Definition Language)用于定义模式,如内模式、外模式。 23. 定时器的interval属性值为0时,...

    文本域中换行符的替换示例

    然而,在开发过程中,我们发现换行符使用 jQuery 的 val() 或 text() 获取后不做处理,保存数据库中没有换行了,自然取出来显示也就没有换行符了! 因此,我们需要找到解决这个问题的方法。下面是一个使用 ...

    2021-2022计算机二级等级考试试题及答案No.4836.docx

    18. 创建的触发器`test.insTrg`会在对`test.student`表进行插入操作后执行,每个新插入的行都会触发该触发器。 这些知识点涵盖了计算机基础、网络、数据库、编程语言等多个领域,对于准备计算机二级等级考试的考生...

    2021-2022计算机二级等级考试试题及答案No.2820.docx

    11. 编程语法规则:在某些编程语言中,如C++,If-Then语句可以写在同一行,但这并不意味着总是推荐这样做,良好的编程风格通常提倡每条语句单独一行。 12. C语言数组处理:程序的输出结果是1357,这涉及到字符数组...

    2021-2022计算机二级等级考试试题及答案No.17217.docx

    2. 二维表在数据库中代表关系,每一行称为一条记录,包含了特定实体的一组属性值。 3. 在Word中,快速打印文档可通过快捷键Ctrl+P实现,这是最便捷的方式。 4. 事件处理机制中包括事件(如鼠标点击、键盘输入)、...

    正则表达式

    ^ 匹配一个输入或一行的开头,/^a/匹配"an A",而不匹配"An a" $ 匹配一个输入或一行的结尾,/a$/匹配"An a",而不匹配"an A" * 匹配前面元字符0次或多次,/ba*/将匹配b,ba,baa,baaa + 匹配前面元字符1次或多次,/ba...

    2021-2022计算机二级等级考试试题及答案No.14538.docx

    根据给定文件的信息,我们...- **双字、字节和字**:分别表示不同的数据单位,双字通常指的是32位或64位,字节为8位,字可以指16位或32位,取决于计算机体系结构。 ### 27. BufferedWriter的换行符 **知识点概述:** ...

    2021-2022计算机二级等级考试试题及答案No.13617.docx

    18. Word文档的行距是指两行文字之间的距离。 19. Java的浮点型数据类型包括float和double。 20. 网络分类可以根据拓扑结构,例如总线网、环型网、星型网、树型网和网状网。 21. 深度为5的满二叉树中,叶子结点的...

    2021-2022计算机二级等级考试试题及答案No.10089.docx

    `,并且这行代码应该位于程序的第一行,即在所有导入语句之前。 ### 10. 窗体中的信息类型 - 窗体中的信息通常可以分为设计窗体时附加的提示信息和所处理的表或查询的记录两大类。前者主要用于指导用户输入数据,后...

    2021-2022计算机二级等级考试试题及答案No.11127.docx

    - **单元格坐标**:Excel中的每个单元格都有一个唯一的坐标,由列号和行号组成,例如A1表示第一列第一行的单元格。 ### C++ 类型定义 - **类型定义**:题目中的选项似乎不完整,但在C++中,花括号`{}`通常用于定义...

    html_css_javascript初级

    5. **表单**:`&lt;form&gt;`、`&lt;input&gt;`、`&lt;select&gt;`、`&lt;textarea&gt;`等标签用于创建用户输入的表单,用于收集和提交数据。 6. **多窗口**:`&lt;frameset&gt;`和`&lt;frame&gt;`可以创建多窗口或框架布局,但现在已较少使用,更推荐...

Global site tag (gtag.js) - Google Analytics