JavaScript 文字列を一文字ずつspanで囲む

<div id="box">Hello World!</div>

var textbox = document.querySelector('#box');
var text = textbox.textContent;

textbox.innerHTML = null;

text.split('').forEach(function (c) {
  textbox.innerHTML += '<span>'+c+'</span>';
});

text.split('') で 文字列を一文字ずつ分割して配列化する。