Не удается прочитать свойство `parentNode` неопределенных

Question

У меня есть функция, которая создает HTML-таблицу:

makeHTMLTable: function(array){ 
    var table = document.createElement('table'); 
     for (var i = 0; i < array.length; i++) { 
     var row = document.createElement('tr'); 
     var cell = document.createElement('td'); 
     cell.textContent = array[i]; 
     row.appendChild(cell); 
     cell = document.createElement('td'); 
     var msgButton = document.createElement('button'); 
     msgButton.setAttribute("id", "msgButton" +i); 
     msgButton.textContent = "message"; 
     msgButton.addEventListener("click", this.messageUser, false); 
     cell.appendChild(msgButton) 
     row.appendChild(cell); 
     table.appendChild(row); 
     } 
     return table; 
    }, 

Я тогда эту функцию:

messageUser: function(){ 
    debugger; 
    this.parentNode.parentNode.remove(); 
    unMatch(); 
    }, 

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

hello [msgbutton]

goodbye [msgbutton]

Если я нажимаю [msgbutton] на приветствия подряд он будет выглядеть следующим образом:

goodbye [msgbutton]

, но до сих пор это: this.parentNode.parentNode.remove(); возвращается undefined ..

EDIT:

Я называю this.retrieveMatches() в более раннем обещание this.fetchMatches() возвращает массив

retrieveMatches: function(){ 
    var tableResult = this.makeHTMLMatchesTable(this.fetchMatches(object)); 
    var matches = document.getElementById('matches') 
    matches.parentNode.insertBefore(tableResult, matches); 
    }, 

Answer 1

Вы пытаетесь вызвать объект, который содержит функцию «messageUser», а не HTML элемент. Например:

var obj = { 
    notify: function(msg){ 
     alert(msg); 
    }, 
    messageUser: function(){ 
     this.notify("some message"); //This line will call obj.notify() 
     this.parentNode.parentNode.remove(); //obj is not a HTML element, therefore it will create an error 
    } 
} 

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

function bindEvent(button){ 
    button.addEventListener("click", function(){ 
     this.parentNode.parentNode.remove(); //"this" refer to the "button" object 
    }, false); 
} 

Вы можете поместить функцию выше перед возвратом объекта «стол»