Hvordan skifter jeg mørk mode?

Brug CSS og JavaScript til at skifte mellem mørk og lys mode.

prøv det selv

skift klasse

Trin 1 - Tilføj HTML:

brug enhver element, der skal gemme indholdet til skiftet design. I vores eksempel, for enkelhedens skyld, vil vi bruge <body>:

<body>

Trin 2 - Tilføj CSS:

indstil <body> elementets stil og opret en brugerdefineret skifter .dark-mode klasser:

body {
  padding: 25px;
  background-color: white;
  color: black;
  font-size: 25px;
}
.dark-mode {
  background-color: black;
  color: white;
}

Trin 3 - Tilføj JavaScript:

hent <body> element og .dark-mode skift mellem klasser:

function myFunction() {
  var element = document.body;
  element.classList.toggle("dark-mode");
}

prøv det selv

relaterede sider

Tutorial:Hvordan tilføje klasse

Referencehåndbog:HTML DOM Element classList egenskab