[RESOLVIDO] Erro na criação do elemento de imagem para um lightbox - document.createElement('img');

Estou enfrentando problemas para mostrar uma imagem em um lightbox.

Todos os caminhos indicados para a localização da imagem já foram testados mas a imagem não é mostrada.

O código utilizado no arquivo .js é este:

	 var img = document.createElement('img');

	 img.src = "imagens/imagem.png";

	 img.alt = "imagem";

	 lightbox.appendChild(img);

	 

	O arquivo imagem.png está dentro da pasta **imagens **mas, não importa onde ele se encontra pois a imagem nunca é mostrada.

	 

	já adicionei:

	 

	img.src = "imagem.png"; - nada

	img.src = "/imagem.png"; - nada

	img.src = "imagens/imagem.png"; - nada

	img.src = "/imagens/imagem.png"; - nada

	img.src = "./imagens/imagem.png"; - aqui já é um absurdo.

	img.src = "../imagens/imagem.png"; - absurdo também.

	 

	já coloquei a imagem junto ao arquivo js ou seja, na mesma pasta do js e nada.

	já coloquei o caminho completo para a imagem mas, não adiantou.

	 

	Por fim, fiz uma inspeção do elemento pelo navegador e observei que a tag **<img>** não é fechada na criação do  document.createElement('img'); e no final é adicionado a tag **style=""> **como mostra o exemplo abaixo que copiei diretamente do inspecionador de elementos.

	 

	<img src="imagens/imagem.png" alt="imagem" style="">

	 

	Pois bem, a mim me pareceu que o document.createElement('img'); gerou esta tag **style="">** no final do código e que isso poderia estar causando o problema da imagem não aparecer.

	 

	Mas por enquanto, sou apenas um estudante.

	 

	Se alguém já possou por isso, se pode enxergar ou tem a solução para este erro, seria interessante posta-la aqui.

	 

	Muito obrigado!