Hoe vervang ik tekst in een div element?

Ik moet de tekst in een DIV element dynamisch instellen. Wat is de beste, browser veilige aanpak? Ik heb prototypejs en scriptaculous beschikbaar.

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

Hier's hoe de functie eruit zal zien:

function showPanel(fieldName) {
  var fieldNameElement = document.getElementById('field_name');
  //Make replacement here
}
mikemaccana
Bewerkte vraag 5de1 mei 2015 в 11:28
Programmering
javascript html dom
23ste1 september 2008 в 3:39
18 views

Je kunt gewoon gebruiken:

fieldNameElement.innerHTML = "My new text!";
Community
Bewerkt antwoord 1ste0 september 2014 в 4:04
Commentaren (5)
 
$('field_name').innerHTML = 'Your text.';

Een van de handige functies van Prototype is dat $('field_name') hetzelfde doet als document.getElementById('field_name'). Gebruik het! :-)

John Topley's antwoord met behulp van Prototype's update functie is een andere goede oplossing.

ceejayoz
Bewerkt antwoord 23ste1 september 2008 в 3:53
Commentaren (7)

Als je echt wilt dat we gewoon doorgaan waar je gebleven was, kan dat:

if (fieldNameElement)
    fieldNameElement.innerHTML = 'some HTML';
Milan Babuškov
Bewerkt antwoord 29ste0 september 2008 в 5:18
Commentaren (0)