HTML如何使用javascript函数将输入标记添加到有序列表

我试图在用户单击按钮时将空白输入字段添加到有序列表（id=myList）。我编写了以下代码，将列表元素添加到有序列表中，然后在新的列表元素中插入一个输入字段。当我执行这段代码时，当我按下按钮时，什么也没有发生

你知道我做错了什么吗

  <script type="text/javascript">
     function addToList()
     {
        var doc = document.getElementById("myList");
        var newLI = document.createElement("li");
        var input = document.createElement("input");
        input.type = "text";
        input.size = "60";
        newLi.appendChild(input);
        doc.appendChild(newLI);
     }
 </script>

函数addToList（）
{
var doc=document.getElementById（“myList”）；
var newLI=document.createElement（“li”）；
var输入=document.createElement（“输入”）；
input.type=“text”；
input.size=“60”；
newLi.appendChild（输入）；
儿童医生（newLI）；
}

打字错误，是

newLI

，而不是

newLI

<script type="text/javascript">
     function addToList()
     {
        var doc = document.getElementById("myList");
        var newLI = document.createElement("li");
        var input = document.createElement("input");
        input.type = "text";
        input.size = "60";
        newLI.appendChild(input); // typo here, it's not newLi
        doc.appendChild(newLI);
     }
 </script>

函数addToList（）
{
var doc=document.getElementById（“myList”）；
var newLI=document.createElement（“li”）；
var输入=document.createElement（“输入”）；
input.type=“text”；
input.size=“60”；
appendChild（输入）；//这里输入错误，不是newLI
儿童医生（newLI）；
}

---

打字错误，是

newLI

，而不是

newLI

<script type="text/javascript">
     function addToList()
     {
        var doc = document.getElementById("myList");
        var newLI = document.createElement("li");
        var input = document.createElement("input");
        input.type = "text";
        input.size = "60";
        newLI.appendChild(input); // typo here, it's not newLi
        doc.appendChild(newLI);
     }
 </script>

函数addToList（）
{
var doc=document.getElementById（“myList”）；
var newLI=document.createElement（“li”）；
var输入=document.createElement（“输入”）；
input.type=“text”；
input.size=“60”；
appendChild（输入）；//这里输入错误，不是newLI
儿童医生（newLI）；
}

---

打字错误，是

newLI

，而不是

newLI

<script type="text/javascript">
     function addToList()
     {
        var doc = document.getElementById("myList");
        var newLI = document.createElement("li");
        var input = document.createElement("input");
        input.type = "text";
        input.size = "60";
        newLI.appendChild(input); // typo here, it's not newLi
        doc.appendChild(newLI);
     }
 </script>

函数addToList（）
{
var doc=document.getElementById（“myList”）；
var newLI=document.createElement（“li”）；
var输入=document.createElement（“输入”）；
input.type=“text”；
input.size=“60”；
appendChild（输入）；//这里输入错误，不是newLI
儿童医生（newLI）；
}

---

打字错误，是

newLI

，而不是

newLI

<script type="text/javascript">
     function addToList()
     {
        var doc = document.getElementById("myList");
        var newLI = document.createElement("li");
        var input = document.createElement("input");
        input.type = "text";
        input.size = "60";
        newLI.appendChild(input); // typo here, it's not newLi
        doc.appendChild(newLI);
     }
 </script>

函数addToList（）
{
var doc=document.getElementById（“myList”）；
var newLI=document.createElement（“li”）；
var输入=document.createElement（“输入”）；
input.type=“text”；
input.size=“60”；
appendChild（输入）；//这里输入错误，不是newLI
儿童医生（newLI）；
}

---

---

这没有什么明显的问题。问题可能出在其他地方。你能在这里添加html部分吗？这个问题似乎离题了，因为它是关于一个打字错误的，如果我用一些简单的代码来代替这个代码，比如alert（“hello world”）；当点击按钮时，该功能工作正常，所以我不确定为什么不工作。这没有明显的问题。问题可能出在其他地方。你能在这里添加html部分吗？这个问题似乎离题了，因为它是关于一个打字错误的，如果我用一些简单的代码来代替这个代码，比如alert（“hello world”）；当点击按钮时，该功能工作正常，所以我不确定为什么不工作。这没有明显的问题。问题可能出在其他地方。你能在这里添加html部分吗？这个问题似乎离题了，因为它是关于一个打字错误的，如果我用一些简单的代码来代替这个代码，比如alert（“hello world”）；当点击按钮时，该功能工作正常，所以我不确定为什么不工作。这没有明显的问题。问题可能出在其他地方。你能在这里添加html部分吗？这个问题似乎离题了，因为它是关于一个打字错误的，如果我用一些简单的代码来代替这个代码，比如alert（“hello world”）；当点击按钮时，该功能工作正常，因此我不确定为什么不工作。谢谢！我觉得自己很愚蠢。我一定已经检查了代码20次了，检查是否有输入错误，但没有看到。@user3108789-下次打开浏览器控制台（F12）时，您会立即发现错误。不幸的是，这不是我的选项，因为我正在使用Python生成和启动HTML和javascript代码。这使得查找简单的打字错误变得很困难，因为我没有一个编辑器可以指出它们。谢谢！我觉得自己很愚蠢。我一定已经检查了代码20次了，检查是否有输入错误，但没有看到。@user3108789-下次打开浏览器控制台（F12）时，您会立即发现错误。不幸的是，这不是我的选项，因为我正在使用Python生成和启动HTML和javascript代码。这使得查找简单的打字错误变得很困难，因为我没有一个编辑器可以指出它们。谢谢！我觉得自己很愚蠢。我一定已经检查了代码20次了，检查是否有输入错误，但没有看到。@user3108789-下次打开浏览器控制台（F12）时，您会立即发现错误。不幸的是，这不是我的选项，因为我正在使用Python生成和启动HTML和javascript代码。这使得查找简单的打字错误变得很困难，因为我没有一个编辑器可以指出它们。谢谢！我觉得自己很愚蠢。我一定已经检查了代码20次了，检查是否有输入错误，但没有看到。@user3108789-下次打开浏览器控制台（F12）时，您会立即发现错误。不幸的是，这不是我的选项，因为我正在使用Python生成和启动HTML和javascript代码。这使得查找简单的打字错误变得很困难，因为我没有一个编辑器可以指出它们。