javascript - 使用max-width属性获取img元素的调整大小的宽度和高度

我使用JavaScript动态创建img元素。

这些元素具有CSS max-width属性，因此可以调整它们的大小。

我尝试了以下代码。

function addPhoto(title, imgPath, tags) {
    ...
    var photoImg = document.createElement('img');
    photoImg.src = imgPath;
    console.log(photoImg.naturalHeight);
    console.log(photoImg.naturalWidth);
    ...
}

如果我运行上面的代码，它将打印原始图像的宽度和高度。

如何获得width元素的height和img的大小？

最佳答案

谢谢@JonUleis！

function addPhoto(title, imgPath, tags) {
    ...
    var photoImg = document.createElement('img');
    photoImg.src = imgPath;
    console.log(photoImg.height);
    console.log(photoImg.width);
    photoImg.onload = function() {
        console.log(this.height);
        console.log(this.width);
    }
}

前两个console.log打印'undefined'。
但是，最后两个console.log的打印内容会调整width元素的height和img的大小。

关于javascript - 使用max-width属性获取img元素的调整大小的宽度和高度，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46182284/