DOM manipulation

DOMextension.js

  var buildTaskList = function() {
    var ol = document.getElementById('TaskList');
    var list = document.createDocumentFragment();

    var inputEl = function(i) {
      var el = document.createElement('input');
      el.setAttribute('type', 'image');
      el.setAttribute('src', 'ncheck.png');
      el.setAttribute('alt', 'Wykreśl');
      el.setAttribute('onclick', 'RDZ.done('+i+'); this.disabled = true; return false;');

      return el;
    };
 
    var counter = this.nextKey;
    for(i=0;i<counter;i++) { 
      var item = localStorage.getItem(localStorage.key(i)); 
      //console.log("Item "+i+" = "+item);
      var li = document.createElement('li');
      li.id = i;
      li.innerHTML = item;
      li.appendChild(inputEl(i));
      list.appendChild(li);
    }
    ol.appendChild(list);
  }