Функция через id

[yyyyuriyyyy]

Это снова я
Тут такая проблема,
Мне нужно что бы по клику на кнопку, innerHTML из всех полей PRE в определенной форме, переносилось в innerHTML <div>.

Для меня это достаточно сложно

[Vlasenko Fedor]

<div id="test">
  <pre>
    <b>Data1</b>
  </pre>
  <pre>Data2</pre>
</div>
<input type="button" value="Click Me" id="copypre">
<div id="result"></div>
<script>
  document.getElementById("copypre").onclick = function () {
    var result = document.getElementById("result");
    var allpre = document.querySelectorAll("#test pre");
    result.innerHTML = '';
    for (var i = 0; i < allpre.length; i += 1) {
      result.innerHTML += allpre[i].innerHTML + '<br>';
    }
  };
</script>

[yyyyuriyyyy]

Слушайте, а можно еще добавить так:
У меня едут так вот: <pre><span><span><img></span>254</span></pre>
-----------------
Можно ли сделать что бы оно добавляло содержимое внутренних span, а из внешнего только символы?