Was ist der richtige Weg, um HTML-Elemente beim Laden von Seiten auszublenden, bevor sie angezeigt werden?

Ich habe zahlreiche Teilantworten auf diese Frage gefunden, aber nichts, was als endgültige Antwort erscheint. Für eine so wichtige Technik finde ich das etwas seltsam.

Wie soll ich Elemente ausblenden (mit Javascript), damit sie nicht kurz angezeigt werden, wenn die Seite geladen wird, bevor der JS die Möglichkeit hat, sie auszublenden? Ich möchte sie nicht so einstellen, dass sie anfänglich mit CSS ausgeblendet werden, als hätte ein Benutzer kein Javascript, er sieht nichts.

Deutlich sein. Ich frage nicht, wie ich mit dem Anzeigen von Inhalten für Benutzer umgehen soll, die nicht über JS verfügen. Das ist ein ganz anderes Thema. Ich möchte nur eine zuverlässige Möglichkeit zum Ausblenden von HTML-Elementen, bevor sie angezeigt werden.

Also meine Anforderungen:

HTML-Elemente werden zunächst nicht mit CSS ausgeblendetWenn JS verfügbar ist, werden diese Elemente ausgeblendet, sodass sie nicht einmal für einen Moment angezeigt werden. Dies bedeutet, dass sie vor JS, das am Ende des Körpers geladen ist, versteckt sind.

Antworten auf die Frage(4)

Ihre Antwort auf die Frage