4 replies to this topic

[Rodrigo]

Olá,

Tenho um script que vai criando DIVs (e atribuindo os devidos IDs) via DOM.

Como faço para alterar o conteúdo de um deles?

Exemplo:

var div1=document.createElement('div');
	  div1.setAttribute('id','id_1');
	  div1.appendChild(document.createTextNode("teste"));
document.getElementById("div_criado_no_html").appendChild(div1);

Até ai normal, na tag [div id="div_criado_no_html"] irá inserir um DIV com o id=id_1 e o texto "teste".

Mas como alterar esse "teste" sem apelar para o innerHTML? Dá?

Valeu!

[Nicholas Pufal]

Qual o problema com o innerHTML?

[Rodrigo]

Digamos que o innerHTML não é considerado uma "Boa Prática"

[Nicholas Pufal]

Pois é, uns tempos atrás eu achava que innerHTML não era uma boa prática. Mas já vi vários sites contradizendo o mesmo. Até porque o innerHTML funciona bem com todos os browsers que já testei (safari, opera, ff, ie).

Em todo o caso, tenta com nodeValue.

Exemplo:

document.getElementById('teste').firstChild.nodeValue = "novo texto";

[bimonti]

http://developer.moz...nt.replaceChild