Jak używać metody getelementsBaTagname w JavaScript
„„getElementByTagname ()”To specyficzna metoda elementu DOM, która zwraca wszystkie elementy obecne na stronie internetowej wraz z nazwą znacznika. Akceptuje „„Nazwa znacznika”Jako argument i zwraca swoją kolekcję na żywo, która pojawiła się w całym dokumencie. Kolekcja na żywo oznacza, że automatycznie zawiera zaktualizowaną listę, jeśli którykolwiek z elementów HTML zostanie dodany lub usunięty z dokumentu.
Ten przewodnik wyjaśnia, jak korzystać z „getElementsBaTagname ()„Metoda w JavaScript.
Jak używać metody „getElementSBaTagname ()” w JavaScript?
„„getElementByTagname ()”Jest używany głównie do dostępu do konkretnego elementu HTML za pomocą nazwy znacznika.
Składnia
var elementy = dokument.getElementsBaTagname (tagName);W powyższej składni „„Nazwa znacznika”Odpowiada znacznika elementu, który należy pobrać.
Teraz zastosujmy „getElementByTagname ()„Metoda na różne sposoby za pomocą następujących przykładów.
Przykład 1: Zastosowanie metody „getElementsBaTagname ()” do liczenia ”
”Tagi
W tym przykładzie liczba „ (ustęp)
Kod HTML
Przeglądmy następujący kod HTML:
Policz akapit za pomocą metody getElementsBaTagname ()
To jest Pierwszy ustęp.
To jest drugi ustęp.
To jest trzeci ustęp.
To jest czwarty ustęp.
W powyższym kodzie HTML:
- „„”Stwierdza pierwsze podtytułowanie.
- „„”Tag definiuje podane akapity. Obejmuje także „„BOLD TAG, aby odważać określone słowo.
- „„”Tag dodaje przycisk o powiązanym„na kliknięcie„Przekierowanie zdarzenia do funkcji o nazwie„liczyć()„To zostanie uruchomione po kliknięciu przycisku.
Kod JavaScript
Następnie przejdź do kodu JavaScript:
W powyższych wierszach kodu:
- Zdefiniuj funkcję o nazwie „liczyć()".
- W swojej definicji zadeklaruj zmienną „Pkt„Dostęp do dołączonych akapitów za pośrednictwem„dokument.getElementByTagname ()" metoda.
- Potem „alarm”Pole jest wykorzystywane do wyświetlania całkowitej liczby akapitów za pomocą„długość" nieruchomość.
Wyjście
Jak widać, wyjście wyskakuje „Box alarm”To pokazuje całkowitą liczbę„ Przykład 2: Zastosowanie metody „getElementsBaTagname ()” do liczenia ” ”Tagi W tym przykładzie omówioną metodę, aby podobnie, policz „ Kod HTML Najpierw spójrz na podwozie podwozie kodu HTML: Składnia Pracujący Stosowanie Znaczenie Wniosek W powyższych wierszach kodu: " Kod JavaScript Następnie przegląd kodu JavaScript: W powyższym kodzie JavaScript: tagi w bieżącym dokumencie za pomocą „dokument.getElementByTagname ()" metoda. Wyjście Dane wyjściowe pokazuje całkowitą liczbę i.mi., "5”Z tagów HTML„ Przykład 3: Zastosowanie metody „getElementsBaTagname ()” do dostosowania elementów Oprócz listy elementów HTML, „getElementByTagname ()”Można również zastosować w celu dostosowania elementów. Kod HTML Przejrzyj następujący kod HTML: Dostosuj akapit za pomocą metody getElementsBaTagname () To jest Pierwszyustęp. To jest drugiustęp. To jest trzeciustęp. To jest czwartyustęp. W powyższym kodzie HTML: Kod JavaScript Teraz spójrz na kod JavaScript: W powyższym bloku kodu: Wyjście Wyjście pokazuje, że wspomniany styl graniczny jest zaimplementowany dla wszystkich „ Wniosek „„getElementsBaTagname ()”Metoda w JavaScript pomaga użytkownikom wywoływać kolekcję na żywo poszczególnych elementów HTML na podstawie nazw tagów. Zwraca zaktualizowaną listę elementów HTML w przypadku jakiejkolwiek modyfikacji w dokumencie. Ponadto można go również wykorzystać do dostosowania określonej zawartości elementu HTML zgodnie z wymaganiami jednocześnie. Ten przewodnik pokazał całkowite użycie „getElementsBaTagname ()„Metoda w JavaScript.Metoda getelementsBaTagname ()