Uzyskanie identyfikatora klikniętego przycisku za pomocą OnClick - JavaScript
Czasami programiści muszą określić przypisany identyfikator elementów HTML, taki jak przycisk. Załóżmy, że deweloper chce uzyskać identyfikator przycisku kliknięcia przycisku, co oznacza, że po kliknięciu konkretnego przycisku, ich przypisany identyfikator wyświetli się na konsoli lub w komunikacie ostrzegawczym.
Ten post zdefiniuje procedurę uzyskania identyfikatora klikniętego przycisku za pomocą zdarzenia OnClick.
Jak uzyskać/uzyskać identyfikator klikniętego przycisku za pomocą OnClick w JavaScript?
Aby uzyskać/dostęp do identyfikatora klikniętego przycisku, użyj następujących podejść:
- "wydarzenie.cel.ID ”atrybut
- "Ten.ID ”atrybut
Metoda 1: Uzyskaj identyfikator klikniętego przycisku za pomocą „zdarzenia.cel.ID ”atrybut
Użyj "wydarzenie.cel.ID”Atrybut do uzyskania identyfikatora klikniętego przycisku na powiązanych„na kliknięcie" wydarzenie. Odnosi się do „ID„Właściwość elementu, który wywołał zdarzenie w drzewie DOM.
Przykład
W pliku HTML utwórz pięć przycisków, przypisując różne identyfikatory ”,„Btn1 ”,„ Btn2 ”,„ Btn3 ”,„ Btn4 ”i„ Btn5”Odpowiednio. Dołącz „na kliknięcie„Wydarzenie, które zadzwoni do„getId ()„Funkcja przycisku Kliknij:
Utwórz obszar za pomocą
Tag do wyświetlania odpowiedniego identyfikatora przycisku na przycisku Kliknij:
Teraz zdefiniuj funkcję o nazwie „getId ()„To wywoła wydarzenie kliknięcia przycisku w celu uzyskania i wyświetlania odpowiednio przypisanego identyfikatora za pomocą„wydarzenie.cel.ID”:
funkcja getId ()var btnid = zdarzenie.cel.ID;
dokument.getElementById („wynik”).innerHtml = "ID klikniętego przycisku to:" + btnid;
Wyjście wskazuje, że odpowiednie identyfikatory przycisków zostały pomyślnie wyświetlone:
Metoda 2: Uzyskaj identyfikator klikniętego przycisku za pomocą „To.ID ”atrybut
Możesz także skorzystać z „Ten.ID”Atrybut dostępu do identyfikatora klikniętego przycisku. „„Ten.ID" odnosi się do "ID„Atrybut bieżącego obiektu. W słuchaczach wydarzeń DOM odnosi się do „ID„Instancji elementu do miejsca, w którym dołączono słuchacza.
Przykład
Tutaj, w danym przykładzie, nazwiemy „getId ()”Funkcja na imprezie przycisku OnClick, przekazując„Ten.ID”Atrybut jako parametr, który zwróci identyfikator określonego elementu:
Teraz w pliku JavaScript zdefiniuj funkcję „getId ()„Przekazując identyfikator przycisku jako argument, który wywoła przycisk kliknięcia:
funkcja getId (btnid)dokument.getElementById („wynik”).innerHtml = "ID klikniętego przycisku to:" + btnid;
Wyjście
Chodzi o uzyskanie identyfikatora klikniętego przycisku za pomocą OnClick w JavaScript.
Wniosek
Aby uzyskać identyfikator klikniętego przycisku na „na kliknięcie„Wydarzenie, użyj„wydarzenie.cel.ID”Atrybut lub„Ten.ID" atrybut. "Ten.ID”Odwołuje się do„ID„Instancji elementu, do którego przymocowano słuchacz, podczas gdy„wydarzenie.cel.ID”Odwołuje się do„ID„Elementu, który faktycznie wywołał zdarzenie, które może być elementem dziecięcym elementu, do którego słuchacz był przymocowany. W tym poście zdefiniowaliśmy procedurę uzyskania identyfikatora klikniętego przycisku za pomocą zdarzenia OnClick.