>  기사  >  웹 프론트엔드  >  JavaScript는 너비를 example_javascript 팁으로 사용하여 이미지의 원래 크기를 가져옵니다.

JavaScript는 너비를 example_javascript 팁으로 사용하여 이미지의 원래 크기를 가져옵니다.

WBOY
WBOY원래의
2016-05-16 16:50:151130검색

폭을 예로 들어 페이지에 있는 img 요소의 원래 크기를 얻으려면 다음과 같이 가장 먼저 생각할 수 있는 너비는

코드 복사 코드는 다음과 같습니다.

🎜><script> <br>var img = document.getElementsByTagName('img')[0] <br>var width = getWH(img, 'width') // 690 <br></script>

여기서 사용한 getWH 메소드는 이전 글에서 언급했습니다. 이때 얻은 너비는 이미지의 원본 크기와 동일합니다.

img에 width 속성을 추가하면 이 방법은 작동하지 않습니다. 예를 들어 이미지의 실제 너비는 690이고 너비는 400으로 설정됩니다. 위 방법으로 구하면 됩니다. , 400이 반환됩니다.

코드 복사 코드는 다음과 같습니다.

& lt;
var IMG = 문서 T.GetelementsBytagname ('IMG') [0]
var width = getWH(img, 'width') // 400


분명히 400은 아닙니다. 이미지의 원래 너비.

가져오는 방법이 있는데, 직접 새 img 객체를 생성한 후 이전 img의 src를 새 img에 할당하면 새 img의 너비를 얻을 수 있습니다