Javascript 在js中设置图像样式而不使用img标记

我的意思是这样的：

document.getElementById("image-div").innerHTML="<img src=''>";

如何在js中更改图像的宽度/高度？我试过了，但什么也没做。 正在更改idcontainer，但图像大小仍然相同

const img = document.getElementById('image-div');
img.style.width = '100px';
img.style.height = '100px';

这就是如何更改图像的高度和宽度。

---

在你的js中添加一个id，然后在js中获取该id

document.getElementByIdmyImg.height=300； document.getElementByIdmyImg.width=300；

---

我注意到您使用innerHTML添加图像，而不是现有的图像。有很多方法可以实现你的要求。我还没有测试过这些，但我想我会尽力帮你找到一个解决方案

.innerHTML，如您所演示的。这将使您能够添加具有所选内联样式的图像

此解决方案将内联样式添加到通过javascript创建的图像元素中

让div=document.getElementByIdimage-div

让img=document.createElement'img'

img.src=https://extremelycoolimage.com/image.png';

img.style.width='100px'

img.style.height='100px'

附属儿童组

此解决方案将类样式添加到通过javascript创建的图像元素中

让div=document.getElementByIdimage-div

让img=document.createElement'img'

img.src=https://extremelycoolimage.com/image.png';

img.classList.addimage-class

附属儿童组

祝你在项目中好运

---

编辑：我相信您正在经历的是调整容器的高度和宽度，但是图像元素默认为内联块元素。因此，无论容器的高度/宽度定义如何，在附加到容器时，我认为图像的宽度和高度都会保持不变。

图像不包含HTML:/请共享代码。我尝试了，但没有。请展示您如何尝试更改宽度和高度谢谢您的回答。所以改变大小的唯一方法是在html中添加一个img标记，然后用js调整大小，对吗？因为我是乞丐，我想看看是否有别的办法。我没有任何代码，我只是想知道我是否可以从js编辑js图像，而不是在html中。Just question.var trying=document.getElementById'image-div'；trying.style.height=150px；trying.style.width=150px；或者，，，，document.getElementByIdimage-div.style.height=250px；