Ajuda inserir dados appendChild

[nelson99 0]

Bom dia estou com o seguinte erro que não consigo resolver, estou tentando inserir uma parte de código html com js, no meu Html, através do appendChild, mas esta dando erro, o seguinte erro: Null is not an Object ( Evaluation 'DOM.transacaoContainer.appendChild(tr) )

 

ja tentei colocando this.transacaoContainer.appendChild(tr);

ja tentei colocar usando o insertBefore e nada. sempre o mesmo erro

 

aqui esta o código :

 

 

 

 

const DOM = {

           

            transacaoContainer: document.querySelector('.mytbody'),

 

            addTransaction(transaction, index){

 

         

            const tr = document.createElement('tr');

            tr.innerHTML = DOM.innerHTMLtransaction(transaction);

            DOM.transacaoContainer.appendChild(tr);

 

                

 

        },

 

[Omar~ 87]

E onde está a função innerHTMLtransaction?

O problema pode ser justamente nessa função.

 

Em outro caso falta uma tag <td> já estamos manipulando uma tabela.

 

Tente assim:

addTransaction(transaction) {
  var tr = document.createElement('tr'),
      td = document.createElement('td');

  td.innerHTML = transaction;
  tr.appendChild(td);

  this.transacaoContainer.appendChild(tr);
}

 

Por fim certifique-se que existe uma tag <table> com o classificador mytbody, do contrário aqui:

3 horas atrás, nelson99 disse:

transacaoContainer: document.querySelector('.mytbody'),

Será uma propriedade indefinida, portanto não será um objeto válido.

[nelson99 0]

Boa tarde Omar, a função innerHtml esta feita, ela tem a mascara do html que quero adicionar vou colocar aqui. Sim existe a tabela com o id mytbody esta no tbody dentro da table.

vou enviar print

 

[nelson99 0]

Nao consigo mais enviar print, o site aqui não permite.

No final. eu chamo a função addTransactions e passo um vetor que contem os dados no caso e o transaciones[]. 

com esse código:

DOM.addTransaction(transaciones[0]);

 

O erro que aparece no console do navegador, e no appendChild, como se nao fosse um objeto.

ja tentei pegar o tbody e colocar em variável e passar no appendChild mas da o mesmo erro.

[nelson99 0]

Tentei como voce falou, da o mesmo erro quando chama o appendchild

 

[nelson99 0]

Consegui resolver. O problema é que o sic que ligava o arquivo no Html estava no head, teria que ter colocado dentro do body