【问题标题】: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);

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

【问题讨论】:

    标签: jquery css image


    【解决方案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 你能告诉我怎么做吗?或者我必须提出另一个问题
    猜你喜欢
    • 1970-01-01
    • 2018-04-25
    • 1970-01-01
    • 1970-01-01
    • 2018-10-08
    • 1970-01-01
    • 2011-03-11
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多