Trovare le immagini in una stringa in Javascript

Mattepuffo's logo
Trovare le immagini in una stringa in Javascript

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!


Condividi

Commentami!