2014-02-18 101 views
1

我正在使用的元素是我希望在加载时显示的图像。如何用Javascript设置CSS类属性?

我想设置一个css类属性,我可以在我的图像上设置属性,但其类属性覆盖它。

所以我需要设置类属性。类是.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'); 
+0

检查[这里] [1] HTTP:/ /stackoverflow.com/questions/507138/how-do-i-add-a-class-to-a-given-element [1]:http://stackoverflow.com/questions/507138/how-do-i-add-a-class-to-a-given-element –

回答

8

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

LoadingImg.style.display = "block"; 
+0

感谢这工作:) – Pomster

+0

@Pomster你受欢迎的。考虑接受答案,如果问题得到解决。 – 2014-02-18 10:47:59

2

如果你想使用jQuery你可以试试:

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

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