So blenden Sie ein DIV mit onClick

January 22

Dynamisch ändern einer Website ist ein populäres Design-Element unter Web-Designer. In vielen Fällen möchte Designern die Sichtbarkeit eines Objekts mit einem Tastendruck umzuschalten. Ausblenden eines Elements umfasst das Ändern der Sichtbarkeit als ausgeblendet zu reflektieren. Erreichen Sie dies, indem Sie direkt auf das Objekt, von dessen "Id" Attribut versteckt verweisen.

Anweisungen

1 Öffnen Sie die Webseite in einem Editor Ihrer Wahl. Notieren Sie die "Id", gab Sie auf Ihrer "Div"-Element.

2 Fügen Sie "Document.getElementById('X').style.visibility ="hidden";" in Ihre Veranstaltung "onClick()" auf Ihrer Seite. Ersetzen Sie das "X" durch die "Id" des Elements "Div". Es sollte wie "onClick(document.getElementById('test').style.visibility='hidden';)" wenn fertig Aussehen.

3 Klicken Sie auf das Element, das hält Ihre Veranstaltung "onClick()" überprüfen, ob das Element "Div" erfolgreich ausgeblendet ist.

Tipps & Warnungen

  • Verwenden Sie denselben Vorgang, um das Element anzuzeigen, nachdem es ausgeblendet wurde. Ersetzen Sie einfach "versteckt" mit "sichtbar".

SIE KÖNNEN AUCH GERNE