¿Cómo puedo reemplazar el texto dentro de un elemento div?

Necesito establecer el texto dentro de un elemento DIV dinámicamente. ¿Cuál es el mejor enfoque, seguro para el navegador? Tengo prototypejs y scriptaculous disponibles.

<div id="panel">
  <div id="field_name">TEXT GOES HERE</div>
</div>

Aquí'es lo que la función se verá como:

function showPanel(fieldName) {
  var fieldNameElement = document.getElementById('field_name');
  //Make replacement here
}
mikemaccana
Pregunta editada 5º mayo 2015 в 11:28
Programación
javascript html dom
23º septiembre 2008 в 3:39
24 vistas

Puedes usar simplemente:

fieldNameElement.innerHTML = "My new text!";
Community
Respuesta editada 1º septiembre 2014 в 4:04
Comentarios (5)
 
$('field_name').innerHTML = 'Your text.';

Una de las características ingeniosas de Prototype es que $('field_name') hace lo mismo que document.getElementById('field_name'). ¡Úsalo! :-)

La respuesta de John Topley usando la función update de Prototype es otra buena solución.

ceejayoz
Respuesta editada 23º septiembre 2008 в 3:53
Comentarios (7)

Si realmente quieres que continuemos donde lo dejaste, podrías hacerlo:

if (fieldNameElement)
    fieldNameElement.innerHTML = 'some HTML';
Milan Babuškov
Respuesta editada 29º septiembre 2008 в 5:18
Comentarios (0)