스타일 속성에서 높이 가져 오기

Question

div의 스타일 속성에서 높이를 가져 오는 방법이 있습니까?

<div style="height:100px;"></div> 

난 그냥 나에게 요소의 현재 높이를 반환이 같은 .height()을 사용할 수 없습니다 - 나는 그것이

Answer 1

가장 쉬운이있는 경우 그 높이를 얻을 후 스타일이 설정되어 있는지 확인해야 방법은 style 건물로 바로 이동하는 것입니다 :

var heightStyleValue = $("selector for your element")[0].style.height; 

당신은하지가 당신에게 calculat를 제공하기 때문에 jQuery의 css 기능을 사용하고자 할 ed 높이가 아니고 style 개체의 값이 아닙니다.

JQuery와의

Answer 2

사용 css()

$('div').css('height'); 

Answer 3

이 그냥

방법이있다 나에게 요소 (...)의 현재 높이를 반환으로 나는 .height의()를 사용할 수 없습니다 가능한? 일부 !important 문을 사용하지 않는 한 (피해야 만하는) 스타일 속성은 CSS의 다른 어떤 것보다 높은 특이성을가집니다. 따라서 height()에 의해 반환되는 높이는 다른 컨테이너에 의해 제한되지 않는 한 동일해야합니다.

: 당신의 자바 스크립트

사용에 당신이 그것을 목표로 할 수 있도록 사업부에

1. 이 ID를 할당합니다

   그러나 당신이 원하는 것을 달성하기 위해, 당신은이 일을 할 필요가

   document.getElementById("yourID").style.height;

Answer 4

스타일의 이름 값은 기본값을 가지고 있기 때문에 당신은 elem.style.height 사용할 수 없습니다 . 실제로 어떤 스타일 매개 변수가 설정되었는지 알고 싶으면 스타일을 배열로 처리하십시오.

바닐라 :

// get style attributes that were actually set on the element 
function getStyle(elem,prop) { 
    var actuallySetStyles = {}; 
    for (var i = 0; i < elem.style.length; i++) { 
     var key = elem.style[i]; 
     if (prop == key) 
      return elem.style[key]; 
     actuallySetStyles[key] = elem.style[key]; 
    } 
    if (!prop) 
     return actuallySetStyles; 
} 

console.log(getStyle(elem,'height')); 
console.log(getStyle(elem)); 

jQuery를 :

jQuery.fn.extend({ 

    // get style attributes that were set on the first element of the jQuery object 
    getStyle: function (prop) { 
     var elem = this[0]; 
     var actuallySetStyles = {}; 
     for (var i = 0; i < elem.style.length; i++) { 
      var key = elem.style[i]; 
      if (prop == key) 
       return elem.style[key]; 
      actuallySetStyles[key] = elem.style[key]; 
     } 
     if (!prop) 
      return actuallySetStyles; 
    } 
} 


console.log(jQuery(elem).getStyle('height')); 
console.log(jQuery(elem).getStyle());