未捕获的 DOMException：无法在 'Node' 上执行 'appendChild'答案

【问题标题】：Uncaught DOMException: Failed to execute 'appendChild' on 'Node'未捕获的 DOMException：无法在 'Node' 上执行 'appendChild'
【发布时间】：2019-08-16 01:44:13
【问题描述】：

我需要有关此错误的帮助：“未捕获的 DOMException：无法在 'Node' 上执行 'appendChild'：此节点类型不支持此方法。”。

<head>
    <meta charset="UTF-8">
    <title>Capitulo 2 - Desafio 3</title>
</head>

<body>

    <ul></ul>

    <script>

        var nomes = ["Paulo", "Jonas", "Samuel"];
        var listElement = document.querySelector('ul');

        for (nome of nomes) {
            var liElement = document.createElement('li');
            var textElement = document.createTextNode(nome);

        liElement.appendChild(textElement);
        textElement.appendChild(liElement);

        }

    </script>

</body>

【问题讨论】：

文本节点不能有子节点...肯定是复制粘贴失败或错字，您的意思是listElement

标签： javascript node.js

【解决方案1】：

错误在这里textElement.appendChild(liElement);，它必须是listElement.appendChild(liElement)

var nomes = ["Paulo", "Jonas", "Samuel"];
var listElement = document.querySelector('ul');

for (nome of nomes) {
  var liElement = document.createElement('li');
  var textElement = document.createTextNode(nome);

  liElement.appendChild(textElement);
  listElement.appendChild(liElement);

}

&lt;ul&gt;&lt;/ul&gt;

【讨论】：

非常感谢！