Jak akceptować dowolne znaki pomiędzy * elementu getElementById (stack_ * _overflow)?

Question

Mam stronę, która zmienia ID pól wejściowych za każdym razem. Jeśli na przykład teraz odwiedzę tę stronę, ID może być "stack_15_overflow", a następnym razem może to być "stack_293_overflow".

chcę użyć wartości wieloznaczny dla getElementById, takich jak "stack_ * _overflow" (gdzie * pasuje wszystko), aby ta wartość związaną z każdym uruchomieniem polu wprowadzania i kończący się z jakimś konkretnym tekstem, bez względu na to, co tekst jest pomiędzy.

Kod:

function HelloId(string){ 
    var name=string 
    document.getElementById('stack_*_overflow').value=name; 
} 

Answer 1

Kod:

$("body:regex(id, stack_[0-9]+_overflow)"); 

using this plugin

Answer 2

var elements = document.querySelectorAll('[id^="stack_"][id$="_overflow"]'); 

Answer 3

jQuery za attribute starts with i attribute ends with selektorów:

$("[id^='stack'][id$=overflow]"); 

Zauważ, że te przełączniki są drogie, określając rodzaj elementu może poprawić wydajność:

$('element').filter("[id^='stack'][id$=overflow]"); 

Answer 4

nie można osiągnąć za pomocą getElementById. Lepszym rozwiązaniem byłoby querySelector lub querySelectorAll, gdzie uzyskasz pełne wsparcie dla selektorów CSS.

Reference at MDN

Musisz 2 niniejszego atrybutów selektorów:

Uzyskaj elementy rozpocząć z określonym ciągiem

document.querySelector('[id^="stack_"]'); 

Pierwsze elementy zawierają specyficzny ciąg

document.querySelector('[id*="stack_"]'); 

Uzyskaj elementy kończy z określonym ciągiem

document.querySelector('[id$="_overflow"]'); 

Poprzez połączenie końców i zaczyna selektorów, można uzyskać następujące i są w stanie osiągnąć pożądany rezultat:

document.querySelector('[id^="stack_"][id$="_overflow"]'); 

Szczęśliwe kodowanie!