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

413 阅读 0 评论 273 点赞

我是靠谱客的博主温柔白开水，这篇文章主要介绍一个JavaScript处理textarea中的字符成每一行实例，现在分享给大家，希望可以做个参考。

  <!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>