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

前端技术 2023/09/08 JavaScript
  <!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>

本文地址:https://www.stayed.cn/item/20998

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。