طريقة jQuery innerHeight()

أساليب HTML/CSS لـ jQuery

يستخدم طريقة innerHeight() للحصول أو تعيين ارتفاع العنصر المحدد الداخلي (بما في ذلك padding، ولكن لا يشمل الهوامش والحواف).

عند استخدام طريقة innerHeight()الحصولعند ضبط الارتفاع، فإنه يعودالعنصر المحدد الأولالارتفاع.

عند استخدام طريقة innerHeight()ضبطعند ضبط الارتفاع، فإنه يضبطجميع العناصر المحددةالارتفاع.

كما هو موضح في الشكل التالي، يشمل طريقة innerHeight() padding، ولكن لا يشمل الحواف والهوامش:

يمكن أن يكون قيمة الارتفاع مطلقة أيضًا. إذا تم تقديم سلسلة قبلية += أو -= للقيمة، فإن الارتفاع المستهدف يتم حسابه عن طريق إضافة أو طرح الرقم المحدد من القيمة الحالية (مثل innerHeight(“ += 100”)).

النحو:

الحصول على الارتفاع الداخلي:

$(selector).innerHeight()

ضبط الارتفاع الداخلي:

$(selector).innerHeight(value)

مثال

الحصول على ارتفاع الداخلية لمكون DIV:

$("div").click(function(){
　　$(this).innerHeight();
});

ضبط ارتفاع جميع الفقرات الداخلية:

$("button").click(function(){
　　$("p").innerHeight(100);
});

استخدام وحدات مختلفة لضبط ارتفاع جميع الفقرات الداخلية:

$("#btn1").click(function(){
　　$("p").innerHeight(100);
});
$("#btn2").click(function(){
　　$("p").innerHeight("7em");}}
});
$("#btn3").click(function(){
　　$("p").innerHeight("100vh");
});

عرض الفرق بين width()،height()،innerHeight()،innerWidth()،outerWidth() و outerHeight():

$("button").click(function(){
　　$("div").width();
　　$("div").innerWidth();
　　$("div").outerWidth();
　　$("div").height();
　　$("div").innerHeight();
　　$("div").outerHeight();
});

قيمة المعامل

أساليب HTML/CSS لـ jQuery