Блог

Главная - Вопросы по программированию - Применить стиль с помощью document.querySelector

Применить стиль с помощью document.querySelector

#javascript #html #css

#javascript #HTML #css

Вопрос:

Я пытаюсь применить серый цвет фона к элементу div внутри страницы.

Это тот, который выделен ниже:

введите описание изображения здесь

Я могу применить цвет фона с помощью приведенного ниже кода при загрузке страницы:

 var topBar = document.querySelector("td.top-bar div.top-bar");
alert(topBar);
topBar.style.backgroundColor="#808080";

Однако есть свойство background, которое отменяет то, что я применил:

введите описание изображения здесь

Как я могу удалить выделенное свойство «background»?

Я попробовал topBar.style.background = «».

Но это не работает.

Комментарии:

1. поэтому установите фон, а не цвет фона

2. вау, круто!! @epascarello потрясающе

3. Пожалуйста, покажите весь код как текст, а не как изображения текста. Вы можете достаточно легко выбрать код на вкладке Стили в Инструментах разработчика, щелкнуть правой кнопкой мыши узел на панели элементов и выбрать Копировать> Копировать outerHTML, чтобы получить конкретный HTML.

Ответ №1:

Вы меняете другое свойство css. Чтобы заставить его работать, вам нужно перезаписать background, а не background-color . Самый простой способ — просто сделать это:

 var topBar = document.querySelector("td.top-bar div.top-bar");
topBar.style.background="#808080";

Это должно работать