Me pregunto por qué a veces puedo cambiar el color de fondo de la página web y, a veces, no puedo. Por ejemplo, en algunos sitios, simplemente escribo document.body.bgColor = "red" en la consola de Chrome y el color de fondo cambia temporalmente. Sin embargo, en los otros sitios como StackOverFlow, esto no funciona. Como mi navegador ya cargó la página, debería poder cambiar la forma de mostrarla localmente. Por qué no? Graciascambio de color de fondo
Respuesta
En Chrome puede usar el inspector DOM para observar el estilo calculado del cuerpo y también la herencia/anulación de las reglas CSS que resultan en este estilo calculado.
Si configura document.body.style.backgroundColor
(no la propiedad bgColor
) verá que en realidad puede cambiar el color de fondo aquí. Todo depende de si hay otra regla en otro lugar con mayor especificidad o no. El inspector DOM le dirá si ese es el caso.
CSS es su respuesta. Pruebe
document.body.style.background="red";
Los estilos CSS reemplazan las propiedades de los elementos.
¿Está diciendo que al hacer esto, el color de fondo cambiará sin importar la implementación de css que esté usando el sitio, porque está reemplazando? –
Bueno, sí. El fondo de la página cambiará de color. Es posible que eso no cambie el color que ve: muchos sitios usan un contenedor div que tiene su propio color de fondo o divs dentro de los divs que tienen colores de fondo. – FrankieTheKneeMan
Si lo hace, el fondo cambiará aquí también. Pero como puede ver con un Inspector DOM, el fondo no es lo que realmente ve. Este es un div
llamado container
. Si cambia el fondo de este div, verá los cambios
Editar: Ohh veo que el contenedor es transparente. Entonces use document.body.style.backgroundColor
y luego funcionará. :)
Siempre puede establecer el color del fondo del cuerpo. Sin embargo, eso no necesariamente refleja el fondo de la vista actual. Además, si hay definiciones más específicas para un elemento que la definición que usted impone, se seguirán utilizando. Por lo tanto, no hay un "por qué no" porque tiene razón: siempre puede cambiar la página localmente.
Puede cambiar el color de fondo del cuerpo en html. use la propiedad css como este código.
<html>
<head>
<style>
body {
background-color: red
}
</style>
</head>
<body>
</body>
Puede marcar más propiedad para cambiar el color del cuerpo mediante este enlace http://www.webclasses.in/css-background/
Tenga en cuenta que esta pregunta se trata de cambiar el color de fondo mediante programación a través de Javascript, no las propiedades básicas de CSS. –
- 1. Cambio del color de fondo de un JToggleButton seleccionado
- 2. gtk (mm) 3 botón cambio de color de fondo
- 3. org.eclipse.swt.widgets Cambio de color de fondo en Windows
- 4. Animar cambio de color de fondo en Android
- 5. ¿Cómo cambio el color de fondo con JavaScript?
- 6. jQuery validar el cambio de color del fondo del elemento
- 7. ¿Cómo cambio el color de fondo en gnuplot?
- 8. QTextEdit cambio de color de fondo también el color de la barra de desplazamiento
- 9. Cambio tr background-color
- 10. navigationbar (color de fondo)
- 11. NSImageView + Color de fondo
- 12. Color de fondo UIWebView
- 13. Color de fondo de UIView
- 14. WPF: ¿Cómo animar el cambio de color?
- 15. Jquery cambia color de fondo
- 16. Android WebView color de fondo
- 17. Transición del color de fondo
- 18. color de fondo en OpenGL
- 19. jQuery DatePicker color de fondo
- 20. div color de fondo, para cambiar onhover
- 21. ¿Cómo cambio la vista de cuadrícula de datos del color de fondo de la fila seleccionada?
- 22. Cambio del color de fondo de la barra de título de WPF
- 23. Cambiar color de fondo ActionBar Tabs
- 24. Ajuste color de fondo en Extjs Textfield
- 25. Artículo de la lista de cambio CSS color de fondo con clase
- 26. cambio condicional de un color y texto de fondo de la celda datagridviews
- 27. ¿Cómo cambio el color de fondo de un control de gráfico ASP.NET?
- 28. posición de fondo para el color de fondo
- 29. color de fondo degradado e imagen de fondo DRYly
- 30. Color de fondo del cajón deslizante
1, creo que deberíamos proponer esto en meta debemos? 'document.body.style.background =" pink ";' – Jeroen
@Jeroen En realidad, no se ve tan mal. –