Как через javascript изменить цвет фона?

Пользователь

от hoyt.jerde , в категории: JavaScript , 2 года назад

Как через javascript изменить цвет фона?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от jeremy_larkin , 2 года назад

@hoyt.jerde Если установлен Jquery, то можете использовать .css метод и поменять свойство background-image у элемента:


1
$("body").css("background-image", "url(/image.jpg)");


Можете также на javascript использовать данную функцию и передав элемент и путь к картинке:


1
2
3
4
5
function newBackGround (element, image) {
   element.style.backgroundImage = "url("+image+")";
}

newBackground(myElement,"image.jpg");


Пользователь

от marisa , год назад

@hoyt.jerde 

Чтобы изменить цвет фона элемента с помощью JavaScript, вы можете использовать следующий код:

1
document.body.style.backgroundColor = "red";


Этот код изменит цвет фона элемента body на красный. Вы также можете использовать какой-либо другой цвет, например: "green", "blue", "yellow" и т. д.


Если вы хотите изменить цвет фона другого элемента, например, блока с классом "container", вы можете использовать следующий код:

1
document.querySelector(".container").style.backgroundColor = "red";


Обратите внимание, что цвет фона может быть задан как в формате цвета HTML (например, "red" или "#ff0000"), так и в формате RGB (например, "rgb(255, 0, 0)").