Как заменить текст внутри элемента div?

Question

Мне нужно установить текст внутри элемента DIV динамически. Каков наилучший подход, безопасный для браузера? У меня есть prototypejs и scriptaculous.

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

Вот как будет выглядеть функция:

function showPanel(fieldName) {
  var fieldNameElement = document.getElementById('field_name');
  //Make replacement here
}

Answer 1

Если вы склонны начать использовать много JavaScript на своем сайте, jQuery сделает игру с DOM чрезвычайно простой.

http://docs.jquery.com/Manipulation

Делает это так просто, как: $ ("# field-name"). text ("Некоторый новый текст.");

Answer 2

Вот простой jQuery способ:

var el = $('#yourid .yourclass');

el.html(el.html().replace(/Old Text/ig, "New Text"));

Answer 3

function showPanel(fieldName) {
  var fieldNameElement = document.getElementById(field_name);

  fieldNameElement.removeChild(fieldNameElement.firstChild);
  var newText = document.createTextNode("New Text");
  fieldNameElement.appendChild(newText);
}