为啥网页上没有显示高度和宽度？

Posted 2023-05-08

【中文标题】为啥网页上没有显示高度和宽度？

【英文标题】：Why the height and width is not shown on web page?为什么网页上没有显示高度和宽度？

【发布时间】：2019-05-06 22:20:58

【问题描述】：

我有一个网页，我在其中使用var img = document.createElement("img"); 创建了一个图像标签，但在下一行我也使用了元素高度和宽度，但它不能正常工作：

 var base64_string = response.response.data[i].data;
 var img = document.createElement("img");
 // added `width` , `height` properties to `img` attributes
 img.css(
      'width' : '100px',
      'height' : '100px'
 );
 img.src = "data:image/jpeg;base64," + base64_string;
 var preview = document.getElementById("images");
 preview.appendChild(img);

为什么此代码中的高度和宽度不起作用？请给我一些建议。

【参考方案1】：

DOM 中没有 css() 方法。您似乎将它与 jQuery 混淆了。

您可以改为修改图像元素的.style.width 和.style.height 属性。

【讨论】：

他包含了 jQuery 标签，所以我怀疑还有另一个问题

@TemaniAfif — 它们也包含实际代码。 var img = document.createElement("img"); 我们可以看到 img 是一个 DOM 对象而不是 jQuery 对象。包含 jQuery 库并没有修改 DOM API，它不像 Prototype.js。

@Quentin 我们可以将这个创建的元素转换为锚标签或可点击吗？

如果它是一个锚，那么它就不再是一个链接了。您可以将图像放在链接（或按钮）中。

@Quentin 你能告诉我怎么做吗？或者我必须提出另一个问题