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

我使用如下函数添加了一个带有JavaScript的图像：

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

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

    img{
     //style attributes etc.
}

---

这幅画没有反应。如何修复此问题？

为该图像指定一个类名

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;
}

---

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

在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);
    }

示例：$your element.css颜色，红色

---

这些风格会管用的。在您的情况下，什么不起作用？重新绘制后，CSS属性将应用于普通浏览器中的元素。检查元素检查它的样式。请添加一个JSFIDLE或发布您添加的样式。我按照下面的建议使用类解决了这个问题。谢谢。添加className没有更好的效果。即使没有课，这些风格也应该有效。这并不是很有帮助。它没有为这个问题提供任何新的信息