Question

我使用如下函数在JavaScript中添加了一个图像：

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

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

    img{
     //style attributes etc.
}

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

Answer 1

更改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（＆＃34;颜色＆＃34;，＆＃34;红色＆＃34;）;

REFERENCE

Answer 2

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

Answer 3

将className分配给该图像

.some-class-name {
    color: #fff;
}

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

{{1}}

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

3 个答案: