Zusammenfassung der Vorsichtsmaßnahmen für die Verwendung von CSS display:none_Experience Exchange

1. Wenn Sie display:none direkt verwenden, um ein Element in der Stildatei oder im Seitendateicode auszublenden, kann der JS-Code das Element nach dem Laden der Seite nicht korrekt abrufen, ohne den Stil über js festzulegen, um das Element anzuzeigen . Einige Attribute wie offSetTop, offSetLeft usw. geben den Wert 0 zurück. Diese Werte können nur korrekt erhalten werden, nachdem style.display in js festgelegt wurde, um das Element anzuzeigen.

2. Mit display:none ausgeblendete Elemente werden von Suchseiten wie Baidu nicht abgerufen, was sich auf die SEO der Website auswirkt. In einigen Fällen kann left:-100000px verwendet werden, um den gleichen Effekt zu erzielen .

3. Wenn Sie den Anzeigestil eines Elements über eine Stildatei oder festlegen, führt das Festlegen von style.display="" mit js nicht dazu, dass das Element angezeigt wird wie Block oder Inline. Bei Einstellungen direkt am Element über style="display:none" tritt dieses Problem nicht auf

4. In einigen Fällen kann style.visibility anstelle von style.display verwendet werden, es sollte jedoch beachtet werden, dass style. Sichtbarkeit Beim Ausblenden eines Elements bleibt der Platz, den das Element auf der Seite einnimmt, erhalten, während style.display das Element ausblendet und den Platz, den es auf der Seite einnimmt, freigibt.