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!




Share

Commentami!

About Mattepuffo.com

Blog dedicato all'informatica e alla programmazione!
Tutti i contenuti di questo blog, tranne casi particolari, sono sotto licenza Licenza Creative Commons Creative Commons Attribution-Noncommercial-Share Alike 2.5. .

2576 articoli
310 commenti
19 progetti
Altri link
  • About
  • Scrivimi
  • Copyright
  • Sitemap
  • matteo.ferrone@yahoo.it
  • GitHub
  • Privacy Policy