Localizar e selecionar todos os elementos com uma tag dentro do HTML

[ronaldomarcos 4]

Boa tarde, é possível selecionar todos os elementos com uma tag específica dentro de um bloco HTML para armazenar em uma array?

Uma ideia: tenho um textarea, gostaria de pegar todos os urls das imagens (com tag img) que fazem parte do conteúdo e jogar num array, para depois usando php eu poderia utilizar essa array para manipular fisicamente as imagens...

Não consegui descobrir nada em como fazer essa 'varredura' no html sem especificar um ID ou elemento específico. Obrigado.

[William Bruno 1501]

Sim, é possível.

Veja o método document.querySelectorAll()

[Marcelo Lipienski 9]

Sim, é possível.

Veja o método document.querySelectorAll()

Se eu entendi bem, ele quer pegar os elementos que estão inseridos como texto dentro do textarea.

Nesse caso, há duas alternativas:

 

A primeira é criar um nó com o valor do textarea e fazer os tratamentos que você quer aplicar,

a segunda, é tratar tudo direto no lado do servidor, como você disse que vai passar pelo PHP, talvez seja mais fácil para você tratar no PHP mesmo.

 

Como disse, acho que ele tem algo do tipo:

<textarea><img src="imagem.png" /></textarea>

[ronaldomarcos 4]

Ficou beleza William, eu estava usando métodos que não tinham nada a ver, tentando pegar um a um e incrementando no array.. enquanto o método que passou faz isso sozinho....

Obrigado.

Marcelo, isso mesmo, quando a pessoa for salvar o textarea eu pego todas as imagens com o document.querySelectorAll() e gravo em um campo no BD e também utilizo esse array para enviar ao servidor para uma rotina que vai mover os arquivos para a pasta definitiva... assim excluo a pasta temporaria onde fiz o upload das imagens...

Porque: A principio pensei em criar um identificar para cada imagem e quando cara apagasse a imagem do textarea uma ação apagaria fisicamente, mas é muito fácil de dar erro e ficar lixo no disco, já que o cara poderia apagar usando del, backspace, poderia editar no modo HTML e por aí vai...