Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> 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>