Как изменить хтмл без потери значений.
 

Допустим, есть такой хтмл код:

<div class="first">
  <div class="second>
    <textarea cols="44" rows="3"></textarea>
  </div>
</div>

Как добавить еще один див с textarea внутри без потери значения в последнем?
Я подумал, что можно это делать простым innerHTML += <div ... , но тогда придется каждый раз перед записывать значения прошлых textarea и загружать снова. Как-то это не оптимизировано. К тому же, таких textarea планируется оче много и всяких. Кстати, какие ограничения по максимальному хранимому в массиве обьему?

Изучать DOM, срочно!