学习使用js清空textarea文本域的内容和换行替换

最新推荐文章于 2023-06-01 09:30:59 发布

徊忆羽菲

最新推荐文章于 2023-06-01 09:30:59 发布

阅读量2.7k

点赞数

分类专栏： Javascript Html Jquery 文章标签： javascript 学习前端

本文链接：https://blog.csdn.net/guo_qiangqiang/article/details/128646214

版权

Html 同时被 3 个专栏收录

248 篇文章 7 订阅

订阅专栏

Javascript

231 篇文章 5 订阅

订阅专栏

Jquery

188 篇文章 1 订阅

订阅专栏

学习使用js清空textarea文本域的内容和换行替换

- 清空内容
- 内容换行

清空内容

<textarea class="form-control" name="qipa250"  id="qipa250" rows="4"></textarea>

document.getElementById("qipa250").innerHTML = "";

内容换行

把’\n’换成
则就显示出换行了。



    <!DOCTYPE HTML>
    <html>
        <head>
            <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
            <script type="text/javascript">            
     
                function show()
                {
                    var content = $("#content").val();
                    var contentformat = content.replace(/\n/g,'<br/>');
                    $("#p1").html(contentformat);
                }
     
            </script>
        </head>
        <body>
            <p id="p1"></p>
            <p id="p2"></p>
            <div>
                <textarea id="content"></textarea>
            </div>
            <div>
                <button onclick="show()">显示内容</button>
            </div>
        </body>
    </html>