Red de conocimiento informático - Aprendizaje de programación - ¡Cómo convertir dinámicamente el color de fondo de una página web en HTML! Por ejemplo, hay tres colores de fondo para elegir. Haga clic en lo correspondiente para cambiar el color de fondo.

¡Cómo convertir dinámicamente el color de fondo de una página web en HTML! Por ejemplo, hay tres colores de fondo para elegir. Haga clic en lo correspondiente para cambiar el color de fondo.

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transicional//ES " " http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transicional . DTD " & gt;

& lthtml xmlns = " http://www . w3 . org/1999/XHTML " & gt;

& lthead & gt

& ltmeta http-equiv = " Tipo de contenido " Contenido = " text/html; charset=utf-8" />

& lttitle & gtDocumento sin título

& ltScript>

window.onload =función(){

var _ span = documento . getelementsbytagname(' span ');

var CBody = documento . getelementsbytagname(' cuerpo ')[0 ];

_span[0]. onclick=función(){

cbody estilo .fondo = "# CCE 8 cf "; onclick=función(){

cbody style .fondo = "#ffffe 1"; onclick=función(){

cbody style . script & gt;

& lt/head & gt;

& ltbody & gt

& ltspan style = " margin-left:5px; cursor: puntero ; Borde: 1px sólido # b4b4b4 Color: # CCE 8 cf ; Color de fondo: # cce8cf "title = "El verde claro más llamativo" > _ _ & lt/span>.

& ltspan style = " margen izquierdo: 5px; cursor: puntero; borde: 1px sólido # b4b4b4 color: # ffffe 1; color de fondo: # ffffe1 "title = "Amarillo claro fresco" " > _ _ & lt/span>.

& ltspan style = " margin-left:5px; cursor: puntero; borde: 1px sólido # b4b4b4 color: # FFFFFF color de fondo: # ffffff "title = "Fondo blanco predeterminado" " > _ _ & lt/span>.

& lt/body>

& lt/html>

Este es el código completo que acabo de agregar