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

 更新时间:2014年09月22日 17:08:44   投稿:whsnow  
这篇文章主要与大家分享一个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>

相关文章

  • JavaScript中的style.cssText使用教程

    JavaScript中的style.cssText使用教程

    这篇文章主要介绍了JavaScript中的cssText是什么,style.cssText使用教程,cssText返回值是什么,需要的朋友可以参考下
    2014-11-11
  • JS中图片压缩的方法小结

    JS中图片压缩的方法小结

    这篇文章主要介绍了JS中图片压缩的方法,包括等比压缩图片的方法,需要的朋友可以参考下
    2017-11-11
  • js中json对象和字符串的理解及相互转化操作实现方法

    js中json对象和字符串的理解及相互转化操作实现方法

    这篇文章主要介绍了js中json对象和字符串的理解及相互转化操作实现方法,结合实例形式分析了json对象与字符串的功能以及相互转换操作实现技巧,需要的朋友可以参考下
    2017-09-09
  • JavaScript实现五子棋小游戏

    JavaScript实现五子棋小游戏

    这篇文章主要为大家详细介绍了JavaScript实现五子棋小游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-10-10
  • JS实现判断对象是否为空对象的5种方法

    JS实现判断对象是否为空对象的5种方法

    这篇文章主要介绍了JS实现判断对象是否为空对象的5种方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-04-04
  • 巧用Javascript的逻辑运算符

    巧用Javascript的逻辑运算符

    本篇文章主要介绍了Javascript逻辑运算符"或"的巧用实例,希望对大家有所帮助,下面就随小编一起来看看吧
    2016-12-12
  • JavaScript中输出</script>标签的方法

    JavaScript中输出</script>标签的方法

    这篇文章主要介绍了JavaScript中输出</script>标签的方法,在一些广告代码中经常会用到这个小技巧,需要的朋友可以参考下
    2014-08-08
  • 通过JS判断联网类型和连接状态的实现代码

    通过JS判断联网类型和连接状态的实现代码

    这篇文章主要介绍了通过JS判断联网类型和连接状态的实现代码,需要的朋友可以参考下
    2015-04-04
  • web3.js调用链上的方法操作NFT区块链MetaMask详解

    web3.js调用链上的方法操作NFT区块链MetaMask详解

    这篇文章主要为大家介绍了web3.js调用链上的方法操作NFT区块链MetaMask详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • Javascript实现计算个人所得税

    Javascript实现计算个人所得税

    用javascript脚本语言编写一个“个人所得税计算器”?计算公式:所得税=(月收入-起征额)*10%;重填就是全部清空;十分的实用,有需要的小伙伴可以参考下。
    2015-05-05

最新评论