изменить цвет фона - PullRequest
Новая
       2

изменить цвет фона

5 голосов
/ 17 марта 2012

Мне интересно, почему иногда я могу изменить цвет фона веб-страницы, а иногда нет. Например, на некоторых сайтах я просто набираю document.body.bgColor = "red" в консоли chrome, и цвет фона временно менялся. Однако на других сайтах, таких как StackOverFlow, это не работает. Поскольку мой браузер уже загрузил страницу, я смогу изменить способ ее отображения локально. Почему бы и нет? Спасибо

Ответы [ 6 ]

8 голосов
/ 17 марта 2012

В Chrome вы можете использовать инспектор DOM для просмотра вычисленного стиля тела, а также наследования / переопределения правил CSS, которые приводят к этому вычисленному стилю.

Если вы установили document.body.style.backgroundColor (несвойство bgColor), вы увидите, что вы действительно можете изменить цвет фона здесь.Все зависит от того, есть ли другое правило с более высокой специфичностью или нет.Инспектор DOM скажет вам, так ли это.

3 голосов
/ 17 марта 2012

Если вы сделаете это, фон также изменится и здесь.Но, как вы можете видеть с помощью DOM Inspector, фон - это не то, что вы действительно видите.Это div называется container.Если вы измените фон этого div, вы увидите изменения

Edit: Ohh Я вижу, что контейнер является прозрачным.Так что используйте document.body.style.backgroundColor, тогда это будет работать.:)

3 голосов
/ 17 марта 2012

CSS ваш ответ.Попробуйте 

document.body.style.background="red";

Стили CSS заменили свойства элемента.

1 голос
/ 17 марта 2012

Вы всегда можете установить цвет фона тела.Однако это не обязательно отражает фон текущего представления.Более того, если для элемента существуют более конкретные определения, чем навязываемое вами определение, они все равно будут использоваться.Таким образом, нет «почему нет», потому что вы правы: вы всегда можете изменить страницу локально.

0 голосов
/ 28 сентября 2015

Вы можете изменить цвет фона тела в HTML. используйте свойство css как этот код. 

<html>
<head>
    <style>
        body { 
            background-color: red  
        } 
    </style>
</head>
<body>
</body>

Вы можете проверить больше свойств для изменения цвета тела по этой ссылке http://www.webclasses.in/css-background/

0 голосов
/ 15 июня 2015 
document.backgroundColor="red";
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...