0

次のコードを使用して、画像の幅が 700 より大きいかどうかを確認しています。その場合は、700 に設定します。

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

いくつかの検索の後、上記のコードを見つけましたが、機能していません。私が間違っていることを教えてください。

4

3 に答える 3

2

試してみてください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上記のように使用する必要があります。

于 2012-06-26T06:42:08.383 に答える
2

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";
于 2012-06-26T06:42:15.080 に答える
0

問題は、要素がページに存在する前にスクリプトを実行していることが原因である可能性があります。スクリプトとimgタグを逆にしてみてください。

于 2012-06-26T06:42:11.223 に答える