Trovare le immagini in una stringa in Javascript
Nel titolo ho specificato in una stringa in quanto non andremmo a cercare le immagini nel DOM della pagina.
Nel mio caso specificio devo trovare i tag img all'interno di un testo che mi arriva da un web service.
La cosa è un pò diversa ma si può fare; ecco il codice Javascript:
function getImmaginiTestoArchive(testo) {
var elem = document.createElement("div");
elem.innerHTML = testo;
var images = elem.getElementsByTagName("img");
var imgs = '';
for (var i = 0; i < images.length; i++) {
console.log(images[i].src);
}
}
Il "trucco" sta nel creare un div nel document, e infilarci dentro il testo in cui cercare le immagini.
Questo div non sarà ovviamente visibile nella pagina.
Dopo di che cercare tutti gli elementi con la classica funzione getElementsByTagName.
A quel punto potete farci quello che volete.
Enjoy!
javascript getelementsbytagname
Commentami!