HTML DOM टेक्स्टएरिया ऑब्जेक्ट: गुण, मेथड्स और निर्माण

HTML DOM टेक्स्टएरिया ऑब्जेक्ट HTML दस्तावेज़ के <textarea> एलिमेंट को दर्शाता है।

टेक्स्टएरिया ऑब्जेक्ट बनाना

सिंटैक्स

document.createElement("TEXTAREA");

टेक्स्टएरिया ऑब्जेक्ट के गुण

टेक्स्टएरिया ऑब्जेक्ट के मेथड्स

उदाहरण: डायनामिकली टेक्स्टएरिया बनाना

<!DOCTYPE html>
<html>
<style>
  body { color: #000; background: lightseagreen; height: 100vh; text-align: center; }
  .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; display: block; color: #fff; outline: none; cursor: pointer; margin: 1rem auto; }
</style>
<body>
  <h1>DOM टेक्स्टएरिया ऑब्जेक्ट डेमो</h1>
  <button onclick="create()" class="btn">टेक्स्टएरिया बनाएं</button>
  <script>
    function create() {
      var ta = document.createElement("TEXTAREA");
      ta.innerHTML = "नमस्ते! मैं HTML दस्तावेज़ में एक टेक्स्टएरिया एलिमेंट हूँ कुछ डमी टेक्स्ट के साथ।";
      ta.setAttribute('rows', '8');
      document.body.appendChild(ta);
    }
  </script>
</body>
</html>

आउटपुट

1. प्रारंभ में: केवल "टेक्स्टएरिया बनाएं" बटन दिखता है
2. बटन क्लिक: 8 पंक्तियों वाला टेक्स्टएरिया डमी टेक्स्ट के साथ दिखाई देता है

महत्वपूर्ण नोट्स

• value vs defaultValue: value वर्तमान सामग्री है, defaultValue मूल HTML सामग्री है
• cols/rows: CSS width/height से अलग; ये कैरेक्टर काउंट हैं
• wrap: soft (डिफ़ॉल्ट, केवल दृश्य रैप), hard (सबमिशन पर लाइन ब्रेक शामिल)
• select(): कॉपी कार्यक्षमता के लिए उपयोगी