Как в JS добавить одновременно несколько стилей и потом их уничтожать?

Question

[Martyer]

function isHovered(o){return (o.parentNode && o.parentNode.querySelector(":hover") == o);} 
document.getElementById("child-1").addEventListener('mouseover', function(){
    if (isHovered(this))      
		document.getElementById("heroes").style.background="#3d3d3d";
    }, false); 

    document.getElementById("child-1").addEventListener('mouseout', function(){
    if (!isHovered(this))  document.getElementById("heroes").style.background="#818181";
    }, false);

Здравствуйте, сейчас как видите при :hover добавляется одно свойство bg, как сделать добавление сразу нескольких разных свойств?
Ниже когда убираю курсор, возвращаю исходный цвет bg, а можно ли просто уничтожать выше добавленное свойство?
Помогите пож-та, буду благодарен любой помощи)