Uzyskaj element według ID przez częściowo dopasowywany ciąg za pomocą JavaScript

Strony internetowe posiadające wiele funkcji na ogół wymagają długich kodów. W takim przypadku przydzielenie wspólnej tożsamości lub jej części do wielu elementów pomaga deweloperowi. Na przykład przydzielenie części identyfikatora, która jest taka sama we wszystkich elementach, aby uzyskać do nich dostęp. W takich przypadkach uzyskanie elementu przez identyfikator poprzez częściowe dopasowanie ciągu w JavaScript jest bardzo pomocne w uproszczeniu złożoności kodu.

Ten blog omówi podejście do uzyskania elementu według identyfikatora przez częściowo dopasowane ciąg w JavaScript.

Jak zdobyć/pobrać element ID przez częściowo dopasowywany ciąg w JavaScript?

Element można pobrać przez identyfikator, częściowo dopasowując ciąg w JavaScript za pomocą „dokument.QuerySelelection ()" metoda. Ta metoda pobiera wszystkie elementy pasujące do selektora CSS i zwraca listę węzłów.

Składnia

dokument.querySelelectionAll (selektory)

W powyższej składni:

"Selektory”Patrz jeden lub więcej selektorów CSS.

Przykład 1: Zdobądź element, częściowo dopasowując identyfikator od samego początku

W tym przykładzie „dokument.QuerySelelection ()„Metoda można wykorzystać do pobierania elementu poprzez określenie jego identyfikatora ciągu od samego początku, a nie pełnego identyfikatora:

Wykonaj następujące kroki w powyższym fragmencie kodu:

• Po pierwsze, określ „”Element, określając jego źródło za pośrednictwem„src”Atrybut i podane„ID".
• Następnie, w kodzie JavaScript, dostęp do określonego elementu przez jego „ID”Od samego początku za pomocą„QuerySelelection ()" metoda.
• Zauważ, że „^”Pasuje do startu.
• Na koniec wyświetl element pobierany przez częściowy identyfikator ciągu od początku na konsoli.

Wyjście

W powyższym wyjściu można zaobserwować, że odpowiedni element i jego identyfikator są wyświetlane na konsoli.

Przykład 2: Zdobądź element przez częściowe dopasowanie identyfikatora od końca

W tym przykładzie „dokument.QuerySelelection ()„Metoda można podobnie zastosować, aby uzyskać element, częściowo dopasowując identyfikator ciągu od końca:

Zaimplementuj następujące kroki w powyższych wierszach kodu:

• Przypomnij o omówionym podejściu do włączenia obrazu o podaniu „ID".
• W kodzie JS uzyskaj dostęp do dołączonych „”Element, określając jego identyfikator z końca za pomocą„QuerySelelection ()" metoda.
• Zauważ, że „$”W kodzie pasuje do identyfikatora od końca.
• Na koniec wyświetl odpowiedni element na konsoli.

Wyjście

Powyższe wyjście wskazuje, że pożądane wymaganie zostało osiągnięte.

Przykład 3: Zdobądź element przez częściowe dopasowanie zawartego identyfikatora

W tej demonstracji odpowiedni element zostanie pobrany przez częściowe dopasowanie identyfikatora ciągu z dowolnej pozycji:

W powyższym kodzie:

• Podobnie, uwzględnij podany obraz o przypisaniu „ID".
• W kodzie JavaScript uzyskaj dostęp do elementu, częściowo dopasowując „ID„Posiadanie podanej wartości łańcucha.
• Zauważ, że „*”Dopasowuje identyfikator z dowolnej pozycji.
• Na koniec wyświetl pobierany element.

Wyjście

Wyprowadzony element w powyższym wyjściu sprawdza, czy określony „ID”Jest dopasowany do identyfikatora elementu z dowolnej pozycji.

Wniosek

„„dokument.QuerySelelection ()”Metodę można wykorzystać do pobierania elementu przez jego identyfikator poprzez częściowe dopasowanie ciągu za pomocą JavaScript. Tę metodę można zaimplementować, aby częściowo dopasować zawarty ciąg w identyfikatorze od początku, końca lub z dowolnej pozycji, aby pobrać element. Ten samouczek wyjaśnił, jak pobrać element według identyfikatora, częściowo dopasowując ciąg w JavaScript.