Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

xiro

Exibir div apenas quando ela possuir uma informação para mostra

Por , em Desenvolvimento frontend

Recommended Posts

xiro    0

xiro
Postado

Boa noite galera!

 

Pessoal quero exibir uma div com uma foto. A função dela é a seguinte.

 

Se tem uma foto para mostra, Div abre mostra foto.

 

Se ñ tem foto, div fechada (oculta).

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

W4y    2

W4y
Postado 
<!DOCTYPE HTML>
<html lang=”pt-br”>
<head>
<meta charset=”UTF-8”>
<title>teste</title>
<style>
#div{
width: 100px;
height: 100px;
background-color: red;
display:;
</style>
</head>
<body>

<div id="div"><img id="img"src="teste"><div>

</body>
<script>
if(document.getElementById("img")){
document.getElementById("div").style.display = "block";
}else{
document.getElementById("div").style.display = "none";
}
</script>
</html>

Eu fiz assim, atribui um ID pra imagem a ser inserida dai ele faz a verificação, se exitir "display: block;" se não "display: none";.

 

Coloquei no Jsfiddle pra você ver (remova a imagem de dentro da div, clique em run e ela vai ficar oculta): http://jsfiddle.net/WW3bh/16642/

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito