jQuery innerHeight() 메서드

jQuery HTML/CSS 메서드

innerHeight() 메서드는 선택된 요소의 내부 높이를 가져오거나 설정합니다(padding을 포함하지만 margin과 border를 포함하지 않습니다)。

innerHeight() 메서드를 사용할 때가져옵니다높이를 설정할 때, 그것은첫 번째 선택된 요소높이입니다。

innerHeight() 메서드를 사용할 때설정높이를 설정할 때, 그것은모든 선택된 요소높이입니다。

아래 그림과 같이, innerHeight() 메서드는 padding을 포함하지만 border와 margin을 포함하지 않습니다：

높이 값도 상대적일 수 있습니다. 값에 접두어가 제공되면+= 또는-= 문자열 시리즈, 이 경우 현재 값에서 주어진 숫자를 추가하거나 빼어 목표 높이를 계산합니다(예를 들어 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();
});

파라미터 값

jQuery HTML/CSS 메서드