Javascript 尝试创建新元素时出错

我使用了下面的代码，当我添加孩子时，我得到了一个错误

$('#tra').on('click', function() {
    transpile(source.val())

// ...
var display = $('#display');
diff.forEach(function(part) {

 var span = document.createElement('span');
        span.style.color = color;
        span.appendChild(document
            .createTextNode(part.value));
        display.appendChild(span);

在上一个代码中，我得到了错误：

main.js:42未捕获类型错误：display.appendChild不是函数，它可以是什么

在index.html中，我将显示如下

---

您的

显示

变量是一个jQuery对象。它有一个

.append（）

方法，可以满足您的需要

display.append(span);

如果要改用JavaScript DOM函数

.appendChild（）

，则需要首先从display中提取DOM元素：

display.get(0).appendChild(span);

---

您的

display

变量是一个jQuery对象。它有一个

.append（）

方法，可以满足您的需要

display.append(span);

如果要改用JavaScript DOM函数

.appendChild（）

，则需要首先从display中提取DOM元素：

display.get(0).appendChild(span);

---

首先，检查文档（DOM）中是否存在

#display

元素

其次，jQuery中没有

appendChild

方法，因此您应该使用：

display.append(span)

或

否则，如果仍要使用

appendChild

，请使用：

display[0].appendChild(span);

或使用以下方法：

---

首先，检查文档（DOM）中是否存在

#display

元素

其次，jQuery中没有

appendChild

方法，因此您应该使用：

display.append(span)

或

否则，如果仍要使用

appendChild

，请使用：

display[0].appendChild(span);

或使用以下方法：

---

您是否尝试过

display.append（span）

？您是否尝试过

display.append（span）

？当我尝试display.get（0）.append（span）时，我得到了错误main.js:42未捕获类型错误：display.get（…）。append不是函数…有什么想法吗？

append

不是DOM范围内的函数。抱歉，第二个当然是.appendChild（）。现在编辑。@shopiaT尽量不要将选择DOM元素的两种方式（纯javascript和jQuery）混用在一起，坚持使用其中一种方式，并记住一些-IMHO，大多数-jQuery函数如果不将它们应用于jQuery对象

$（选择器）

，似乎当我使用它时，或者当我使用它时，知道为什么吗？当我尝试display.get（0）.append（span）时，我得到了错误main.js:42未捕获类型错误：display.get（…）.append不是一个函数…知道吗？

append

不是DOM范围内的函数。对不起，第二个当然是.appendChild（）。现在编辑。@shopiaT尽量不要将选择DOM元素的两种方式（纯javascript和jQuery）混用在一起，坚持使用其中一种方式，并记住一些-IMHO，大多数-jQuery函数如果不将它们应用于jQuery对象

$（选择器）

，似乎当我使用它时，或者当我使用它时，知道为什么吗？谢谢但它不起作用我看不到值，知道为什么吗？似乎当我使用它起作用时，当我使用它不起作用时，知道为什么吗？你不能将其他元素附加到

textarea

中。谢谢但它不起作用我看不到值，知道为什么吗？似乎当我使用它起作用时，当我使用它不起作用时，知道为什么吗？你不能在

textarea

中添加其他元素。