maxHeight 및 maxWidth 및 자동 순수 자바 스크립트 설정 후 높이 및 너비 가져 오기

Question

자바 스크립트로 maxHeight 및 maxWidth를 설정 한 후 이미지의 너비 및 높이를 가져올 수 있습니까?

$new_image = new Image(); 
$new_image.src = 'xxx.jpg'; 
$new_image.style.maxHeight = '500px'; 
$new_image.style.maxWidth = '600px'; 
$new_image.style.height = 'auto'; 
$new_image.style.width = 'auto'; 
alert('CURRENT WIDTH AND HEIGHT IF IMAGE IS 1000 X 1000 PX'); 

은 내가 최대 높이 값을 얻는 방법을 알고 있지만, 그 이미지가 높이와 폭 "자동"으로 설정되어 있기 때문에 실제 크기하지 않을 수 있습니다.

아니요 jquery answers thank you! :)

Answer 1

offsetHeight 및 offsetWidth의 DOM 요소 속성 clientHeight 및 clientWidth을 사용하고 계정의 maxWidth와의 maxHeight에 걸릴 수 있습니다. img 객체는 차원을 갖기 위해 DOM의 일부가되어야한다는 것을 명심하십시오. offsetHeight와 너비가 유용한 것을 반환하기 전에 document.body.appendChild($new_image)과 같은 것을 추가해야합니다.

Answer 2

당신은 당신이 원하는 걸 얻을 것이다