Javascript - Ricerca di stringhe, cosa lo risolverà?

Question

Il problema è che quando mai combino due funzioni che:.

1. ottiene tutti i id dei tag HTML del sito
2. ricerche la matrice per "Parole Bad" (AKA "Hack"," Hacker", ecc ...)

Codice 1:

var eleng=document.documentElement.getElementsByTagName('*').length -1; 
var i=0; 
var id=[]; 
function allids() { 

    if (i < eleng) { 
     id.push(document.documentElement.getElementsByTagName('*')[i].id); 
     if (id[i] == '' || id[i] == ' ') { 
      i++; 
      allids(); 
     } else { 
      console.log(id[i]); 
      i++; 
      allids(); 
     } 
    } else { 
     console.log("\nDone!"); 
    } 

} 

Codice 2:

var str="HELLO"; 
var words=['hello','hack','hacker']; 
var i=0; 
function check() { 
    if (str.indexOf(words[i]) > -1 || str.indexOf(words[i].charAt(0).toUpperCase()) > -1 || str.indexOf(words[i].toUpperCase()) > -1) { 
    console.log('Word Found!'); 
} else { 
    if (i < words.length) { 
     i++; 
     check(); 
    } 
    } 
} 

Ovviamente il codice 2 sarebbe in una nuova funzione già provata ma senza successo :(e sarebbe stato modificato in base alle esigenze del codice 1, non potevo semplicemente preoccuparmi di riscrivere lo script per far fronte al codice. Adoro Save As, ma fammi sapere se è scomodo.

P.S Sto usando VANILLA Javascript, Quindi ciò significa niente cose di lusso come Jquery!

Answer 1

uno script veloce per enumerare tutti i ID di pagina può essere trovato qui: How do I enumerate all of the html id's in a document with javascript?

e poi combinarle in una stringa, e banco di prova per le parolacce come segue:

var allElements = document.getElementsByTagName("*"); 
 
var allIds = []; 
 
for (var i = 0, n = allElements.length; i < n; ++i) { 
 
    var el = allElements[i]; 
 
    if (el.id) { 
 
     allIds.push(el.id); 
 
    } 
 
} 
 
var str = allIds.join("|").toUpperCase(); 
 
var words = ['hello', 'hack', 'hacker']; 
 
check(); 
 
function check() { 
 
    words.forEach(function (val, id) { 
 
     if (str.indexOf(val.toUpperCase()) > -1) { 
 
      console.log('Word Found!'); 
 
     } 
 
    }); 
 
}

<div id="test"></div> 
 
<div id="banana"></div> 
 
<div id="sdfsdf"> 
 
    <div id="test"></div> 
 
    <div id="test"> 
 
     <div id="test"></div> 
 
     <div id="teHACKst"></div> 
 
    </div> 
 
    <div id="testHA"></div> 
 
</div> 
 
<div id="CKtest"></div> 
 
<div id="test"></div> 
 
<div id="test"></div>

Se avete domande, non esitate a chiedere.

Answer 2

Usa questo codice per controllare indice della matrice in javscript ...

var array = ["rose", "violet", "blue"]; 

array.indexOf("blue"); // Gives 2