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

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

原创最新推荐文章于 2024-05-25 11:25:03 发布 · 3.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #学习 #前端

Html 同时被 3 个专栏收录

262 篇文章

订阅专栏

Javascript

243 篇文章

订阅专栏

Jquery

200 篇文章

订阅专栏

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

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