Javascript - Vyhľadávanie prvkov podľa ich ID

Tento tip vám ukáže, ako hľadať prvky založené na ich ID. To je vtedy, keď ten druhý zodpovedá regulárnemu výrazu.

Problém

Už viete, že metóda getElementById (id), ktorá sa používa na vrátenie prvku súvisiaceho s konkrétnym ID (pretože ID je nevyhnutne jedinečná) a metóda getElementsByTagName (tagName), ktorá vracia pole obsahujúce všetky prvky s uvedenou značkou.

Existujú prípady, keď tieto riešenia nestačia.

Napríklad: máte na svojej stránke štvorce: keď používateľ klikne na tlačidlo, každý štvorec zmení veľkosť, každá s novou vlastnou veľkosťou. Takže budete potrebovať zoznam ich ID na ich správu. K dispozícii sú dve riešenia:

Zakaždým, keď pridáte štvorec, manuálne zvýšite zoznam ID.

Máte slučku, ktorá prehľadáva dokument, aby našla štvorce, a tak sa metóda priamo zhoduje s kódom. Ale ako získať všetky ID, s vedomím, že nepoznáte presný počet štvorcov (nie slučku) a neviete, kde sú na stránke?

Riešenie

Použijeme metódu getElementByRegexId. Táto metóda má dva parametre, a to:

Regulárny výraz, ktorý zodpovedá ID.

[Fac] Názov vyhľadávanej značky. Ak sa nič neuvádza, musia sa vziať do úvahy všetky značky.

Princíp je jednoduchý: vyhľadávame elementy získané pomocou getElementsByTagName, otestujeme ID a čokoľvek, čo zodpovedá regulárnemu výrazu, pridáme do tabuľky:

 function getElementsByRegexId (regexpParam, tagParam) {// Si aucun nom de balise n'est spécifié, na cherche sur toutes les balites tagParam = (tagParam === nedefinované)? '*': tagParam; var elementsTable = new Array (); pre (var i = 0; i 

Príklad:

 var divCarres = getElementsByRegexId (/ _ carre. * /, "div"); var tousLesCarres = getElementsByRegexId (/ _ carre. * /); 

Predchádzajúci Článok Nasledujúci Článok

Najlepšie Tipy