Ir para conteúdo

POWERED BY:

Arquivado

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

Camerata

[Resolvido] Escrever em uma div

Por , em Javascript

Recommended Posts

Camerata    0

Camerata
Postado

Olá pessoal tudo bem?

 

Estou começando a aprender javascript, gostaria de saber como posso escrever em uma div através de um código.

 

Eu tentei com a maneira abaixo, mas não deu certo:

 

<head>
<script type="text/javascript">

	document.Texto.coloca.value = "eitcha";
	
}
</script>
</head>

<body>

<form name="Texto">
<div name="coloca"></div></form>

</body>

 

Desde já obrigado!

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado 

<head>

<script type="text/javascript">

window.onload = function()

{

document.getElementById('coloca').innerHTML = "eitcha";

}

</script>

</head>

 

<body>

 

<form name="Texto">

<div id="coloca"></div>

</form>

 

</body>

usei o 'window.onload', pois você precisa esperar que a marcação carregue para mecher com ela.. outra forma, seria colocar as tags script depois do elemento no meio do HTML.. mas não fica 'bonito'.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Camerata    0

Camerata
Postado

Olá Willian, muito obrigado pela resposta!

 

Deixa eu aproveitar o tópico para outra dúvida, no meu exemplo eu usei document.Texto.coloca.value, porém você usou document.getElementById('coloca').innerHTML, a diferença é que o value é usado em caixas de texto e o innerHTML para forms e divs? Pelo menos foi isso que entendi comparando os códigos.

 

Obrigado, um abraço!

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Sim, exatamente isso.

 

.value é o atributo HTML dos elementos de formulário.

.innerHTML que é responsável pelos 'outros elementos'.

 

Prefira 'navegar' com DOM, usando getElementById, getElementsByTagName..

Compartilhar este post

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

Informação importante

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

  Aceito