Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptでテキストのタブ、改行、空白を処理するにはどうすればよいですか？

テキスト内のタブ、改行、空白を渡すには、空白を使用します JavaScriptのプロパティ。 normal、nowrap、preなどの値を設定します。preを設定すると、

<!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>

  1. CSSとJavaScriptでタブを作成するにはどうすればよいですか？

    CSSとJavaScriptを使用してタブを作成するためのコードは、次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>> .tab {    overflow: hidden;    border: 2px solid gray;    backgr

  2. JavaScriptでテキストを切り替える方法は？

    JavaScriptでテキストを切り替えるためのコードは、次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana,