Gabriel Roch... disse: Porque o elemento teste só é carregado uma única vez e não várias vezes,
pois coloquei 3 div chamando o arquivo via js para ser inserido na div com classe="teste":
e como fazer para que seja adicionado a página externa quantas vezes eu quiser ??
elemento só aparece na primeira div com classe teste.
nome = paginaexterna.html
código abaixo:???
?
Há três problemas aqui.
Primeiro, observe que as três divs que você criou possuem a mesma id (meucoracao) e a mesma classe (teste). Acontee que, pelas normas da W3C, a id de um elemento deve ser única! Você não pode ter mais de um elemento com a mesma id - é pra isso que servem as classes! Fazendo o que você fez, o comportamento do código JavaScript poderá ser imprevisível.
Segundo: XMLHttpRequest é muito antigo, o método fetch é um substituto mais atual.
E, por último, seu código é inseguro por padrão. O que garante que ninguém irá colocar um endereço malicioso no parâmetro arquivo? O correto a se fazer é, no mínimo, uma validação de que o parâmetro arquivo é uma URL local - e olhe lá! Veja que você verifica se o elemento target existe, mas em nenhum momento verifica se arquivo existe ou se não é uma URL completa.