appendChild и removeChild

[zeraid]

Не пойму как эти вещи работают. Вот пример:

draw2d.Label.prototype.createHTMLElement=function()
{

    var item = draw2d.Figure.prototype.createHTMLElement.call(this);
setInterval(function() {
  $.ajax({
   type: "POST",
   url: "/mnemo_1.php",
   //data: "func=1",
   dataType: "text",
   async: false,
   success: function (data){

this.textNode = document.createTextNode(data);
    item.appendChild(this.textNode);
     },
   error: function(){alert('Problem');}
 }).responseText;

}, 1000);
 
    return item;
}

это РАБОЧИЙ пример. Здесьу меня в объект item должен обновлятся текст постоянно. Но в примере котоырй написан выше он не обновляется а КАЖДЫЙ РАЗ ДОБАВЛЯЕТСЯ. в итоге строка становится все длиннее.

Я понимаю, что каждый раз нужно сначала удалять обект, но сделать у меня это не получается. Я пробую писать вот так:

success: function (data){
item.removeChild(this.textNode);
this.textNode = document.createTextNode(data);
    item.appendChild(this.textNode);
     },

но в итоге он вообще ничего не выводит. Подскажите как быть.

[zeraid]

где то прочитал что можно через .innerHTML как то сделать. но не понел как.

[Mgauk]

попробуйте так

draw2d.Label.prototype.createHTMLElement=function()
{

    var item = draw2d.Figure.prototype.createHTMLElement.call(this);
setInterval(function() {
  $.ajax({
   type: "POST",
   url: "/mnemo_1.php",
   //data: "func=1",
   dataType: "text",
   async: false,
   success: function (data){
           item.innerHTML = data;
     },
   error: function(){alert('Problem');}
 }).responseText;

}, 1000);
 
    return item;
}

[zeraid]

не работает.

[zeraid]

Все заработало. Прошу прощения. Я data по привычке в скобках писал...