जावास्क्रिप्ट में टेक्स्ट में टैब, लाइन ब्रेक और व्हाइटस्पेस को कैसे हैंडल करें?

टेक्स्ट में टैब, लाइन ब्रेक और व्हाइटस्पेस को हैंडल करने के लिए, जावास्क्रिप्ट में whiteSpace प्रॉपर्टी का उपयोग करें। मान को normal, nowrap, pre, आदि पर सेट करें। pre पर सेट करने पर, यह <pre> टैग की तरह काम करता है। टेक्स्ट केवल लाइन ब्रेक पर रैप होगा।

उदाहरण

जावास्क्रिप्ट में whiteSpace प्रॉपर्टी के साथ कैसे काम करें, यह सीखने के लिए निम्न कोड चलाकर देखें:

<!DOCTYPE html> <html>    <head>       <style>          #box {             width: 300px;             height: 100px;             border: 2px solid black;             background-color: gray;          }       </style>    </head>    <body>       <button onclick="display()">सेट करें</button>       <div id="box">          यह डेमो टेक्स्ट है।          यह डेमो टेक्स्ट है।          यह डेमो टेक्स्ट है।          यह डेमो टेक्स्ट है।          यह डेमो टेक्स्ट है।       </div>       <script>          function display() {             document.getElementById("box").style.whiteSpace = "pre";          }       </script>    </body> </html>