一个JavaScript处理textarea中的字符成每一行实例

2019-12-21,,,,

  <!doctype html> 
  <html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <title>每天一个JavaScript实例-处理textarea中的字符成每一行</title> 
    <script> 
       
        function clicka(){ 
          console.log("aaa"); 
          var aa = document.getElementById("text"); 
          var lines = aa.value.split("\n"); 
          var bbb = document.getElementById("result"); 
          var string = ""; 
          for(i=0;i<lines.length;i++){ 
            string+= lines[i]+"<br />";////</br> 和<br /> 应该用 <br /> 
          } 
          bbb.innerHTML=string 
          } 
         
    </script> 
    </head> 
   
    <body>     
    <textarea id="text" placeholder="请输入多行文字"></textarea> 
    <div id = "result"></div>         
    <a href="javascript:void(0);" onClick="clicka()">处理换行</a>                       
    </body> 
    </html>

您可能感兴趣的文章:

  • JavaScript获取并更改input标签name属性的方法
  • javascript实现依次输入input自动定焦
  • javascript使用正则控制input输入框允许输入的值方法大全
  • input 日期选择功能的javascript代码
  • JavaScript实现点击自动选择TextArea文本的方法
  • JavaScript让Textarea支持tab按键的方法
  • JavaScript判断textarea值是否为空并给出相应提示
  • Javascript 文本框textarea高度随内容自适应增长收缩
  • JavaScript实现为input与textarea自定义hover,focus效果的方法

《一个JavaScript处理textarea中的字符成每一行实例.doc》

下载本文的Word格式文档,以方便收藏与打印。