Jak ukryć przycisk w JavaScript

Podczas opracowywania strony internetowej może istnieć sytuacja, w której trzeba kliknąć przycisk tylko raz. Na przykład składasz formularz lub wprowadzasz wszelkie poufne informacje ograniczone do modyfikacji lub poprawek. W takich scenariuszach ukrywanie przycisków za pomocą JavaScript staje się bardzo przydatne, aby zapewnić prywatność informacji.

Ten blog wyjaśni metody ukrywania przycisków w JavaScript.

Jak ukryć przycisk w JavaScript?

Aby ukryć przycisk w JavaScript, można zastosować następujące metody:

• "styl.widoczność" nieruchomość
• "styl.wyświetlacz" nieruchomość

Wspomniane podejścia zostaną teraz omówione jeden po drugim!

Metoda 1: Ukryj przycisk w JavaScript za pomocą „Style.Widoczność ”własność

„„styl.widoczność„Własność ustawia widoczność elementu. Ta właściwość można wykorzystać do ukrycia widoczności predefiniowanego przycisku, odnosząc się do jego „ID".

Składnia

Obiekt.styl.widoczność = „ukryty”

Tutaj widoczność określonych „Obiekt”Jest ustawiony jako„ukryty".

Sprawdź następującą demonstrację, aby uzyskać lepsze zrozumienie.

Przykład

Najpierw utwórz przycisk za pomocą znacznika wejściowego, przypisz go wartość o nazwie „Kliknij”I dołącz onClick, który wywoła„HideButton ()”Funkcja po kliknięciu dodanego przycisku:

W pliku JavaScript zdefiniuj funkcję hideButton () w taki sposób, że wywołuje „dokument.getElementsById ()„Aby uzyskać dostęp do utworzonego przycisku i ustawić jego widoczność jako„ukryty”:

funkcja hidebutton ()
dokument.getElementById („btn”).styl.Visibility = „Hidden”;

Wyjście powyższego programu jest pokazane w następujący sposób:

Metoda 2: Ukryj przycisk w JavaScript za pomocą „Style.Wyświetlacz ”właściwość

„„styl.wyświetlacz”Właściwość ustawia typ wyświetlania określonego elementu. Tę technikę można zaimplementować, aby ukryć utworzony przycisk, pobierając jego określony identyfikator i ustawienie „nic”Jako typ wyświetlania.

Składnia

Obiekt.styl.display = „Brak”

Tutaj właściwość wyświetlacza „Obiekt”Jest ustawiony jako„nic".

Przejrzyj następujący przykład demonstracji.

Przykład

W tym przykładzie użyjemy tego samego kodu HTML. Jednak w pliku JavaScript zdefiniujemy „HideButton ()„Funkcja, która zostanie wywołana po kliknięciu przycisku. W swojej definicji „dokument.getElementById ()„Metoda przyciska przycisk za pomocą„Btn„Identyfikator i wartość jego„styl.wyświetlacz„Własność zostanie ustalona jako„ Brak ”, aby ją ukryć:

funkcja hidebutton ()
dokument.getElementById („btn”).styl.display = „Brak”;

Wyjście

Zaproponowaliśmy najprostsze metody ukrywania przycisków w JavaScript.

Wniosek

Aby ukryć przycisk w JavaScript, możesz użyć „styl.widoczność" I "styl.wyświetlacz" nieruchomości. Aby to zrobić, po pierwsze, musisz pobrać przycisk, określając jego identyfikator w dokumencie.metoda getelementById (), a następnie ustaw wartość stylu.Widoczność nieruchomości jako ukryta lub żadna dla stylu.Wyświetlaj właściwość. W tym podręczniku omówiono metodę związaną z ukrywaniem przycisków w JavaScript.