outerHeight মেথড
outerHeight মেথডটি এলিমেন্টের অভ্যন্তরীণ প্যাডিং,
বর্ডার এবং ঐচ্ছিকভাবে বাহ্যিক মার্জিন বিবেচনা করে এলিমেন্টের উচ্চতা পাওয়া
এবং পরিবর্তন করতে দেয়। এটি মনে রাখা গুরুত্বপূর্ণ যে আমরা উচ্চতার 'গণনা করা মান'
(computed height) পাব।
গণনায় ত্রুটি ঘটতে পারে যদি
ব্যবহারকারী পৃষ্ঠার আকার পরিবর্তন করেন, বা যদি
এলিমেন্ট বা এর প্যারেন্ট লুকানো থাকে।
সিনট্যাক্স
এভাবে আমরা একটি এলিমেন্টের উচ্চতা পেতে পারি। এই মেথডটি
true বা false (false ডিফল্ট হিসেবে থাকে)
ফরম্যাটে একটি ঐচ্ছিক প্যারামিটার নিতে পারে, এটি নির্ভর করে বাহ্যিক
মার্জিন গণনায় অন্তর্ভুক্ত করা হবে কিনা তার উপর। কিছু ক্ষেত্রে
প্রাপ্ত মানগুলি ভগ্নাংশ হতে পারে:
$(selector).outerWidth([including_margin]);
এলিমেন্টের উচ্চতা পরিবর্তন করতে - কেবল একটি সংখ্যা পাঠানো যেতে পারে
(উদাহরণস্বরূপ 400), তখন একক
হবে পিক্সেল, অথবা একটি স্ট্রিং পাঠানো যেতে পারে,
যাতে একক উল্লেখ থাকে (উদাহরণস্বরূপ
'10em'):
$(selector).outerHeight(new value, [including_margin]);
আমরা একটি নির্দিষ্ট ফাংশন সেটের প্রতিটি
এলিমেন্টে প্রয়োগ করতে পারি। এক্ষেত্রে ফাংশনের প্রথম প্যারামিটার হিসেবে
সেটে এলিমেন্টের ইনডেক্স পাওয়া যাবে, এবং দ্বিতীয় প্যারামিটার হিসেবে
- ঐ নির্দিষ্ট এলিমেন্টের বর্তমান উচ্চতার মান পাওয়া যাবে।
this ফাংশনের ভিতরে
বর্তমান এলিমেন্টকে নির্দেশ করবে।
এলিমেন্টের উচ্চতার মানটি সেই মানে পরিবর্তিত হবে,
যা ফাংশনটি রিটার্ন করে:
$(selector).outerHeight(function(index in set, current height value));
উদাহরণ
তুলনা করার জন্য #test প্যারাগ্রাফের উচ্চতা সম্পর্কে
তথ্য আউটপুট করা যাক, যা পাওয়া গেছে
height,
innerHeight এবং
outerHeight মেথড দ্বারা:
<p id="test">text</p>
<p id="out1"></p>
<p id="out2"></p>
<p id="out3"></p>
<p id="out4"></p>
p {
margin: 10px;
padding: 5px;
border: 2px solid blue;
}
let h1 = $('#test').height();
let h2 = $('#test').innerHeight();
let h3 = $('#test').outerHeight();
let h4 = $('#test').outerHeight(true);
$('#out1').text(h1);
$('#out2').text(h2);
$('#out3').text(h3);
$('#out4').text(h4);
আরও দেখুন
-
heightমেথড,
যা এলিমেন্টের উচ্চতা পাওয়া এবং পরিবর্তন করতে দেয় -
innerHeightমেথড,
যা এলিমেন্টের অভ্যন্তরীণ প্যাডিং বিবেচনা করে এর উচ্চতা পাওয়া এবং পরিবর্তন করতে দেয়
