javascript - изменить ширину изображения?

Question

Я использую следующий код, чтобы проверить, если ширина изображения больше, чем 700. Если в случае, то я хочу, чтобы установить его на 700

<img src="" id="main_image"> 
<script> 
    if(document.getElementById(main_image).width > 700) { 
    document.getElementById(main_image).width = 700; 
    } 
    </script> 

после некоторого поиска я нашел код выше, но не работает. Скажи мне, что я делаю неправильно?

Answer 1

Попробуйте с style:

window.onload = function() { 
    if(+(document.getElementById('main_image').style.width) > 700) { 
     document.getElementById('main_image').style.width = '700px'; 
    } 
}; 

Если вы установили width атрибут, то вы бы использовать getAttribute('width') и setAttribute(700) или непосредственно width, как вы делали. Но если это исходит из CSS, вам нужно будет использовать style, как показано выше.

Answer 2

Возможно, проблема связана с тем, что вы запускаете скрипт до того, как элемент существует на странице. Попробуйте изменить скрипт и тег img.

Answer 3

использование «main_image» вместо main_image

<script> 
if(document.getElementById("main_image").width > 700) { 
document.getElementById("main_image").width = 700; 
} 
</script> 
<img src="" id="main_image"> 

или вы можете использовать стиль также

document.getElementById("main_image").style.width = "700px";