一個(gè)JavaScript處理textarea中的字符成每一行實(shí)例
更新時(shí)間:2014年09月22日 17:08:44 投稿:whsnow
這篇文章主要與大家分享一個(gè)JavaScript處理textarea中的字符成每一行實(shí)例,很簡單,但很實(shí)用,大家可以看看
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>每天一個(gè)JavaScript實(shí)例-處理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 /> 應(yīng)該用 <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標(biāo)簽name屬性的方法
- javascript實(shí)現(xiàn)依次輸入input自動(dòng)定焦
- javascript使用正則控制input輸入框允許輸入的值方法大全
- input 日期選擇功能的javascript代碼
- JavaScript實(shí)現(xiàn)點(diǎn)擊自動(dòng)選擇TextArea文本的方法
- JavaScript讓Textarea支持tab按鍵的方法
- JavaScript判斷textarea值是否為空并給出相應(yīng)提示
- Javascript 文本框textarea高度隨內(nèi)容自適應(yīng)增長收縮
- JavaScript實(shí)現(xiàn)為input與textarea自定義hover,focus效果的方法
相關(guān)文章
基于JavaScript實(shí)現(xiàn)一個(gè)簡單的事件觸發(fā)器
這篇文章主要為大家詳細(xì)介紹了如何使用JavaScript實(shí)現(xiàn)一個(gè)簡單的事件觸發(fā)器,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-01-01JavaScript 中的12種循環(huán)遍歷方法【總結(jié)】
本文給大家總結(jié)了12種JavaScript 中的1循環(huán)遍歷方法,每種方法通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-05-05js substr支持中文截取函數(shù)代碼(中文是雙字節(jié))
js substr支持中文截取函數(shù)代碼,中文是雙字節(jié),配有實(shí)例需要的朋友可以參考下2013-04-04uniapp開發(fā)H5打包微信小程序樣式失效的完美解決方法
本文主要介紹了在使用uniapp開發(fā)H5頁面并打包成微信小程序時(shí),可能會(huì)出現(xiàn)樣式失效的問題,并提供了解決方法,通過本文的學(xué)習(xí),讀者可以了解uniapp開發(fā)H5頁面打包成微信小程序的注意事項(xiàng),避免出現(xiàn)樣式失效等問題2023-03-03js實(shí)現(xiàn)帶簡單彈性運(yùn)動(dòng)的導(dǎo)航條
本篇文章主要分享了js實(shí)現(xiàn)帶簡單彈性運(yùn)動(dòng)導(dǎo)航條的示例代碼,具有很好的參考價(jià)值,下面跟著小編一起來看下吧2017-02-02