Je dois définir le texte d'un élément DIV de manière dynamique. Quelle est la meilleure approche, sans danger pour le navigateur ? J'ai prototypejs et scriptaculous à ma disposition.
<div id="panel">
<div id="field_name">TEXT GOES HERE</div>
</div>
Voici à quoi ressemblera la fonction :
function showPanel(fieldName) {
var fieldNameElement = document.getElementById('field_name');
//Make replacement here
}
$('field_name').innerHTML = 'Your text.';
L'une des fonctions intéressantes de Prototype est que $('field_name' ;)
fait la même chose que document.getElementById('field_name' ;)
. Utilisez-le ! :-)
La réponse de John Topley, qui utilise la fonction update
de Prototype, est une autre bonne solution.
Si vous voulez vraiment qu'on continue là où vous vous êtes arrêtés, vous pouvez le faire :
if (fieldNameElement)
fieldNameElement.innerHTML = 'some HTML';