如何使用Javascript设置css类属性？

Question

我正在使用的元素是我想在加载时显示的图像。

我正在尝试设置一个css类属性，我可以在我的图像上设置属性，但是它的类属性会覆盖它。

所以我需要设置class属性。该类是.bgImage

这是我设置属性的方式：

LoadingImg.setAttribute("display", "block");

---

这就是我的尝试：

LoadingImg.className("display", "block");

和

LoadingImg.setAttribute(".bgImage display", "block");

---

CSS：

.bgImage {
  position: fixed;
  top: 0; left: 33%;
  right: 0; bottom: 0;
  z-index: 1;
  display: none;
  background-repeat:no-repeat;
}

Exstra信息：

LoadingImg是图像对象，我必须通过iFrame级别抓取它。

var HomeDoc = $('#ContentFrame').contents()[0];
var LoadingImg = HomeDoc.all.namedItem('LoadingImg');

Answer 1

使用style属性在javascript中设置样式。

LoadingImg.style.display = "block";

Answer 2

如果你想使用jQuery，你可以尝试：

$( "#LoadingImg" ).css( "display","block" );

Answer 3

您可以使用jQuery LoadingImg.addClass( ".bgImage" ).css("display", "block"); 要么 LoadingImg.attr("class", ".bgImage").css("display", "block");