Editar conteúdo de uma div utilizando javascript

Digamos que você tenha uma div com o id texto e queira substituir seu texto original por outro ou adicionar um novo texto na próxima linha:

01	<div id="texto">

02	Texto original da div.

03

</div>

04

05	<form name="formTexto">

06	<input type="text" name="novoTexto" id="novoTexto"/><br/>

07	<input type="button" value="Alterar texto" onclick="alterarTexto()" />&nbsp;

08	<input type="button" value="Adicionar texto" onclick="adicionarTexto()" />

09

10

</form>

01	<script language="javascript">

02

03	function alterarTexto() {

04	var novoTexto = document.formTexto.novoTexto.value;

05	document.getElementById("texto").innerHTML = novoTexto;

06

07

}

08

09	function adicionarTexto() {

10

11	var novoTexto = document.formTexto.novoTexto.value;

12	document.getElementById("texto").innerHTML += "\\r\\n"+novoTexto;

13

14

}

15

16

</script>

fonte : http://tiagobutzke.wordpress.com/2010/04/26/editar-conteudo-de-uma-div-utilizando-javascript/