Uncaught HierarchyRequestError: Failed to execute 'appendChild' on 'Node': Only one element on document allowed.

[patrickmaciel]

I convert my code from HTML.js to DOMx but get the following error.

Uncaught HierarchyRequestError: Failed to execute 'appendChild'
 on 'Node': Only one element on document allowed.

I get this error when I try to do that:

      var tr = table.query('tbody').append('tr');
      tr.append('td').textContent = '-';

      fields.each(function(field) {
        var td = tr.append('td');             // HERE I GET THE ERROR
      });

What I'm trying to do in this code is:

• Insert a new line in a table
• Fill the first td with a -
• Fill the next td with values from a form
• The last td I put a link

If you need a complete code, tell me.

[nbubna]

A runnable example is always the most helpful. Do you know how to use https://jsfiddle.net/ ?

[patrickmaciel]

I will write an example tonight.

Thanks anyway.