HTML DOM Object width प्रॉपर्टी: ऑब्जेक्ट चौड़ाई सेट/प्राप्त करना

DOM Object width प्रॉपर्टी

width प्रॉपर्टी <object> एलिमेंट की चौड़ाई पिक्सेल्स में सेट या प्राप्त करती है। यह एलिमेंट के width एट्रिब्यूट को दर्शाती है।

सिंटैक्स

// चौड़ाई प्राप्त करें
object.width

// चौड़ाई सेट करें
object.width = pixels

उदाहरण: बटन क्लिक पर चौड़ाई अपडेट करना

<!DOCTYPE html>
<html>
<body>
  <object id="newObj" width="300" height="200" 
          data="https://www.tutorialspoint.com/flex/samples/CSSApplication.swf" 
          style="border:2px solid red"></object>
  <p>चौड़ाई अपडेट करने के लिए क्लिक करें।</p>
  <button onclick="updateWidth()">चौड़ाई अपडेट करें</button>
  <p id="result"></p>
  <script>
    function updateWidth() {
      document.getElementById("newObj").width = "550";
      document.getElementById("result").innerHTML = "चौड़ाई 550px पर सेट की गई";
    }
  </script>
</body>
</html>

आउटपुट

प्रारंभ में 300px चौड़ा ऑब्जेक्ट। "चौड़ाई अपडेट करें" बटन क्लिक करने पर 550px हो जाता है।

नोट्स

• मान स्ट्रिंग के रूप में सेट करें: width = "550"
• यह style.width से अलग है (CSS बनाम एट्रिब्यूट)
• object.style.width CSS पिक्सेल मान लेता है ("550px")
• <object> के अलावा <img>, <video>, <canvas>, <iframe> पर भी width प्रॉपर्टी होती है

संबंधित प्रॉपर्टीज

object.height     // ऊँचाई
object.naturalWidth   // अंतर्निहित चौड़ाई (इमेज/वीडियो के लिए)
object.naturalHeight  // अंतर्निहित ऊँचाई