var str = '';

​

function addChar(code, to) {

  for (; code <= to; ++code) {

    var s = String.fromCharCode(code);

    str += s;

    var p = document.createElement('p');

    appendSpan(p, 'X', 'ahem');

    appendSpan(p, s);

    appendSpan(p, 'X', 'ahem');

    appendSpan(p, s, 'ls');

    appendSpan(p, 'X', 'ahem');

    appendSpan(p, toHex(code));    document.body.appendChild(p);

  }

}

​

function appendSpan(p, html, className) {

  var span = document.createElement('span');

  span.innerHTML = html;

  span.className = className;

  p.appendChild(span);

}

​

function toHex(i) {

  return ("0" + i.toString(16).toUpperCase()).substr(-2);

}

​

addChar(0x00, 0x08);

addChar(0x0B, 0x0B);

addChar(0x0E, 0x1F);

addChar(0x80, 0x9F);

document.getElementById('test').innerHTML = str;

document.getElementById('testls').innerHTML = str;

​