如何在JavaScript中处理制表符,换行符和空格?

要在文本中处理制表符,换行符和空格,请使用JavaScript中的whitespace 属性。设置值normal,nowrap,pre等。设置pre时,它的作用类似于<pre>标记。文本只会换行。

示例

您可以尝试运行以下代码,以了解如何使用JavaScript中的whitespace 属性

<!DOCTYPE html>
<html>
   <head>
      <style>
         #box {
            width: 300px;
            height: 100px;
            border: 2px solid black;
            background-color: gray;
         }
      </style>
   </head>
   <body>
      <button onclick="display()">Set</button>
      <div id="box">
         This is Demo Text.
         This is Demo Text.
         This is Demo Text.
         This is Demo Text.
         This is Demo Text.
      </div>
      <script>
         function display() {
            document.getElementById("box").style.whiteSpace = "pre";
         }
      </script>
   </body>
</html>