コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript はテキストエリア内の文字を各行に処理します。

JavaScript はテキストエリア内の文字を各行に処理します。

WBOY
リリース： 2016-05-16 16:35:50
オリジナル
1354 人が閲覧しました
  <!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>
ログイン後にコピー

関連ラベル：
textarea キャラクター
ソース：php.cn
前の記事：JavaScript コンストラクターとプロトタイプ オブジェクトの深い理解_JavaScript スキル 次の記事：commas_javascript スキルを使用して文字列を分割する JavaScript の例
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
テキストエリアのサイズを変更したときにCSS変換を表示しないようにする方法はありますか? <textarea> の背景遷移をホバー時に設定したい場合、成功します。ただし、サイズを変更しようとすると、トランジション時間は引き続き機能します。これが私のコードです...
から 2024-04-03 17:02:11
0
1
245
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート