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

最新推荐文章于 2024-05-25 11:25:03 发布

徊忆羽菲

最新推荐文章于 2024-05-25 11:25:03 发布

阅读量3.1k

点赞数

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

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

版权

Html 同时被 3 个专栏收录

261 篇文章

订阅专栏

Javascript

243 篇文章

订阅专栏

Jquery

200 篇文章

订阅专栏

文章展示了如何使用JavaScript的getElementById方法清空textarea的内容，将innerHTML设置为空字符串。另外，也通过jQuery和replace函数，将文本中的替换为<br/>以在HTML中实现换行显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

学习使用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>