javascript - 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

使用“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 2

尝试style：

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

如果您已设置width属性，那么您将使用getAttribute('width')andsetAttribute(700)或直接使用width。但如果它来自 CSS，则需要使用style如上所示。

Answer 3

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