Добавление и удаление элементов

/**
 * @param tag {string}
 * @param attr {Array}
 * @return {Element}
 */
function createElement(tag, attr) {
    var elem = document.createElement(tag);
    for(var name in attr) {
        elem.setAttribute(name, attr[name]);
    }
    return elem
}
 
/**
 * @param container {string}
 * @param url {string}
 * @param maxCount {Number}
 * @constructor
 */
function ComList(container, url, maxCount) {
    this.container = document.getElementById(container);
    this.comments = createElement('div', {});
    this.url = url;
    this.timerId = -1;
    this.run = false;
    this.maxCount = maxCount;
}
ComList.prototype = {
    toggle:function () {
        this.run ? this.stop() : this.start();
    },
    start:function () {
        if (this.run) return;
        this.run = true;
        this.getUpdates();
        this.timerId = setInterval(this.getUpdates.bind(this), 10000);
    },
    stop:function () {
        if (!this.run) return;
        this.run = false;
        clearInterval(this.timerId);
    },
    getUpdates:function () {
        var self = this;
        new Ajax().GET({
            url: self.url,
            /**
             * @param e {Event}
             */
            callback: function (e) {
                /** @var req {XMLHttpRequest} */
                var req = e.target;
                switch (req.readyState){
                    case XMLHttpRequest.DONE:
                        var txt = req.responseText.trim();
                        if (txt === '') return;
                        self.comments.innerHTML = txt + self.comments.innerHTML;
                        self.removeOld();
                        self.container.innerHTML = self.comments.innerHTML;
                        break;
                }
            }
        });
    },
    removeOld:function () {
        var cnt = this.comments.children.length;
        while (cnt > this.maxCount) {
            --cnt;
            this.comments.removeChild(this.comments.children[cnt]);
        }
    }
};
function Ajax() {
    this.sender = new XMLHttpRequest();
}
Ajax.prototype = {
    send:function (options) {
        this.sender.open(options.method, options.url, true);
        this.sender.onreadystatechange = options.callback;
        this.sender.send(options.data);
    },
    GET:function (options) {
        options.method = 'GET';
        this.send(options);
    },
    POST:function (options) {
        options.method = 'POST';
        this.send(options);
    }
}

/**
 * XMLHttpRequest wrapper
 *
 * @constructor
 * @this {Ajax}
 */
function Ajax() {
    /**
     * @type {XMLHttpRequest}
     */
    this.sender = new XMLHttpRequest();
}
Ajax.prototype = ({
    /**
     * send new request
     * @param options {Object}
     * @this {Ajax}
     */
    send: function (options) {
        this.sender.open(options.method, options.url, true);
        if ('POST' == options.method) {
            this.sender.setRequestHeader('Content-Type', options.type);
        }
        this.sender.onload = options.on_load;
        this.sender.send(options.data);
    },
    /**
     * send 'GET' request
     * @param options {Object}
     * @this {Ajax}
     */
    get: function (options) {
        options.method = 'GET';
        this.send(options);
    },
    /**
     * send 'POST' request
     * @param options {Object}
     * @this {Ajax}
     */
    post: function (options) {
        options.method = 'POST';
        options.type = options.type || 'application/x-www-form-urlencoded';
        this.send(options);
    }
});

function QuoteReturn(url,updDate,news,msg,msgId,idquote,dx) {
     document.getElementById('imgLoad').style.display = 'block'; // Выводим изображение прелоадера
    $.ajax({
type: "POST",
url: url,
data:'updDate='+updDate+'&news='+news+'&msg='+msg+'&msgid='+msgId+'&idquote='+idquote+'&dx='+dx,
success: function(html) {
     document.getElementById('imgLoad').style.display = 'none'; // Отключаем прелоадер
 
var data = JSON.parse ( html ); // Парсим данные
 
                          if(data.newCount){var count = data.newCount;}else{var count = data.length;}// Получаем кол-во строк
                          if(count > 0){ 
                          window.dateUpd = data[0].NewDate;
                          if(data[0].NOTIF == '1'){ // Если требуется выводить визуальное оповещение
 
                          if(data[0].QC > 0){var msgQ = 'Есть новые ответы на комментарии('+data[0].QC+' шт.)';}else{var msgQ = 'Новых ответов на комментарии нет';}
                          if(data[0].CC > 0){var msgC = 'Есть новые комментарии('+data[0].CC+' шт.)';}else{var msgC = 'Новых комментариев нет';}
 
                          document.getElementById('notifQuote').style.display = 'block';
                          document.getElementById('notifQuote').innerHTML = msgC+'<br /><br />'+msgQ;
 
                            
                          }
                          setTimeout(function(){document.getElementById('notifQuote').innerHTML = ''; document.getElementById('notifQuote').style.display = 'none';}, 10000);
                          if(data[0].SOUND == '1'){// Если требуется выводить звуковое оповещение
 
                          document.getElementById('muz').innerHTML='<audio autoplay="autoplay" ><source src="/sound/notify.ogg" type="audio/ogg"><source src="/sound/notify.mp3" type="audio/mpeg"><source src="/sound/notify.wav" type="audio/wav"></audio>';
                          setTimeout(function(){document.getElementById('muz').innerHTML = '';}, 10000);
 
                          }
                         
                          for (var i = 0; i < count; i++) { // Обрабатываем массив
                          if(data[i].QID > 0){// Если это ответ на какой-то комментарий
                          if(document.getElementById('quoteMsg'+data[i].QID)){ // Проверяем наличие контейнера куда пойдет ответ
                         var elems = createElement('div', {}); elems.innerHTML = data[i].text;
                         document.getElementById('quoteMsg'+data[i].QID).appendChild(elems);
                         var border = document.getElementById('border'+data[i].QID).innerHTML;
                         if(border == ''){
                         document.getElementById('border'+data[i].QID).innerHTML='<div style="text-align:center; border-top: 2px dashed #B1B1B1;"></div>'
                         }
                         }
                          }else{ // Если это не ответ, а комментарий
                          target = document.getElementById('newComments');
                          var elem = createElement('div', {});
                          elem.innerHTML =  '<a href="#msg'+data[i].ID+'" id="click_scroll'+data[i].ID+'"></a><div id="msg'+data[i].ID+'"> <div style="width: 100%; min-height: 150px; height: auto; border-bottom:1px solid #BDBDBD;margin:0 auto;">'+data[i].text+'<div id="quoteMsg'+data[i].ID+'"><div id="border'+data[i].ID+'"> </div> </div> </div></div><div style="height: 5px;"></div>';
                          target.appendChild(elem);
                          }
 
                          }
 
                          }else{
                          window.dateUpd = data.NewDate;
                          }
},
error:  function(){ // Выводим ошибку, если запрос не обработался.
        document.getElementById('imgLoad').style.display = 'none';
        document.getElementById('errorLoad').style.display = 'block';
        document.getElementById('errorLoad').innerHTML = 'Произошла ошибка при обработке запроса. Возможно нет доступа в интернет.';
        setTimeout(function(){document.getElementById('errorLoad').innerHTML = ''; }, 5000);
 
    }
});
 
}