Как установить атрибут класса CSS с помощью Javascript?

Question

Элемент, с которым я работаю, - это изображение, которое я хотел бы отображать во время загрузки.

Я пытаюсь установить атрибут класса 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'); 

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");