কম্পিউটার টিউটোরিয়াল

HTML DOM Object Height প্রোপার্টি


HTML DOM Object Height প্রোপার্টি

<object> এলিমেন্টের height প্রোপার্টি (HTML DOM) অবজেক্টের উচ্চতা (height) পিক্সেলে সেট বা রিটার্ন করতে ব্যবহৃত হয়। এটি HTML height অ্যাট্রিবিউটের রিফ্লেকশন।

সিনট্যাক্স

// উচ্চতা পাওয়া
objObject.height

// উচ্চতা সেট করা
objObject.height = "pixels"

উদাহরণ

<!DOCTYPE html>
<html>
<body>
  <object id="myObj" 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="output"></p>
  <script>
    function updateHeight() {
      document.getElementById("myObj").height = "350";
      document.getElementById("output").innerHTML = "নতুন উচ্চতা: 350px";
    }
  </script>
</body>
</html>

আউটপুট

HTML DOM Object Height প্রোপার্টি

"উচ্চতা আপডেট" বাটনে ক্লিক করলে উচ্চতা ৩৫০px হয়ে যাবে:

HTML DOM Object Height প্রোপার্টি

দ্রষ্টব্য

  • height প্রোপার্টি স্ট্রিং রিটার্ন করে, কিন্তু সংখ্যাও অ্যাসাইন করা যায়।
  • এটি <object> এলিমেন্টের রেন্ডারড সাইজ পরিবর্তন করে।
  • CSS style.height আলাদা — লেআউট সাইজ নিয়ন্ত্রণ করে।

height সংক্রান্ত প্রোপার্টি তুলনা

প্রোপার্টি কার্য রিটার্ন টাইপ
object.height HTML height অ্যাট্রিবিউট (ইনট্রিনসিক) String
object.style.height CSS height (লেআউট) String (with unit)
object.offsetHeight রেন্ডারড উচ্চতা (বর্ডার+প্যাডিংসহ) Number (px)
  1. HTML DOM Object data প্রপার্টি

  2. HTML DOM offsetHeight প্রপার্টি

  3. HTML DOM Ul অবজেক্ট

  4. HTML DOM Video height প্রোপার্টি