我正在通过 Javascript 添加图像。
图像可以是任何尺寸，我想获取尺寸（宽度和高度）。
问题是，offsetWidth and style.width始终为 0
这是一些要复制的代码
const container = document.getElementById("container");
const img = document.createElement("img");
img.src = "https://images.freeimages.com/images/large-previews/56e/hibiscus-1393855.jpg";
document.body.appendChild(img);
const result = document.getElementById("result");
result.innerText = (img.offsetWidth + " " + img.style.width);<div id="container">
</div>
<div id="result">
</div>以上有效。我正在运行看起来几乎相同的代码，但是它始终显示 offsetWidth 为 0
如何获取图像的宽度和高度
您必须等待图像加载才能获得其实际大小：
const container = document.getElementById("container");
const img = document.createElement("img");
img.addEventListener('load', function() {
document.getElementById("result").innerText = img.offsetWidth;
});
img.src = "https://images.freeimages.com/images/large-previews/56e/hibiscus-1393855.jpg";
document.body.appendChild(img);<div id="container">
</div>
<div id="result">
</div>