Как получить значение атрибута width в img?

297

23 января 2018, 13:34

Я пытаюсь сравнить значение атрибута ширины у картинки, но получаю в консоль только undefined. Как мне получить значение атрибута ширины у картинки ?

var $img = $('.img-pr-medium');
$img.load(function(){
    var width = img.clientWidth;
    if(width === 1200) {
        console.log('test');
    }
});

Answer 1

function testFunction() { 
let image = $('.test-image'); 
let width = image.innerWidth(); 
if (width === 100) { 
  image.innerWidth(1000); 
} 
}

.test-image { 
  width: 100px; 
  heigth: 80px; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<img class='test-image' src='http://bipbap.ru/wp-content/uploads/2017/04/leto_derevo_nebo_peyzazh_dom_derevya_domik_priroda_3000x2000.jpg'> 
<br> 
<button onclick="testFunction()">Нажми меня для увеличения</button>