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

使用“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";

Answer 3

您的问题可能是因为您在页面上存在元素之前运行脚本。尝试颠倒脚本和img标记。

javascript - 更改图像宽度？

3 个答案: