如何使用 css 修改附加了 javascript 的图像

How can I modify with css an image appended with javascript?

本文关键字：javascript 图像 何使用 css 修改      更新时间：2023-09-26

我使用如下所示的函数在JavaScript中附加了一个图像：

function show_image(src) {
  var img = document.createElement("img");
  img.src = src;
  document.body.appendChild(img);
}

现在，当我尝试在CSS中修改其样式时：

    img{
     //style attributes etc.
}

图片没有反应。我该如何解决这个问题？

更改 JavaScript 中的 CSS 将帮助您获得解决方案：

在函数中添加 CSS：

    function show_image(src) {
      var img = document.createElement("img");
      img.src = src;
      document.body.appendChild(img);
      $(document).find(img).css(here add your styles);
    }

示例：$（您的元素）.css（"颜色"，"红色"）;

参考

使用 css 的样式应该没有问题。但是，如果他们给你带来问题，你可以在javascript中应用样式/类。

为该图像指定类名

function show_image(src) {
  var img = document.createElement("img");
  img.src = src;
  img.className = "some-class-name";
  document.body.appendChild(img);
}

然后在您的 CSS 中，像往常一样编写选择器

.some-class-name {
    color: #fff;
}
相关文章：