HTML DOM Object height प्रॉपर्टी: ऑब्जेक्ट ऊँचाई सेट/प्राप्त करना

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

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

सिंटैक्स

// ऊँचाई प्राप्त करें
object.height

// ऊँचाई सेट करें
object.height = "pixels"

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

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

आउटपुट

प्रारंभ में 200px ऊँचा ऑब्जेक्ट। "ऊँचाई अपडेट करें" बटन क्लिक करने पर 350px हो जाता है।

width प्रॉपर्टी के समान नोट्स

• मान स्ट्रिंग के रूप में सेट करें: height = "350"
• style.height CSS मान लेता है ("350px")
• <img>, <video>, <canvas>, <iframe> पर भी लागू

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

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