列表项可以'；不能使用javascript添加

我检查了所有的代码，没有问题。当我选中“蔬菜”单选按钮时，在文本字段中写入一些内容并点击add，它不会添加元素

函数添加（）{
var项目；
item=document.getElementById（“item”）.value；
if（document.getElementById（“1”）已选中）{
var li=document.createElement（li）；
text=document.createTextNode（项目）；
李.附件（文本）；
文件.getElementById（“1v”）.appendChild（li）；
}
}

欢迎来到您的购物清单！
输入项目，选择其类型，然后点击add！！
我需要：





这是：

蔬菜



添加


蔬菜

您有几个问题：

• 您使用的是

  表单

  ，因此当您单击

  按钮

  时，表单 提交并离开页面。在您的情况下，您实际上不会在任何地方提交数据，因此您甚至不需要

  表单

  元素，也不需要为字段指定

  名称

  属性
• 您没有引号中的

  li

  ，因此您实际上没有创建
  元素。如果没有引号，系统会认为

  li

  是一个变量，但由于没有一个名为该变量的变量，因此会创建一个新的全局变量，其值为

  undefined

  ，因此您的代码执行为：

  document.createElement（“undefined”）

  ，它实际上创建了：
  ，但由于它不是实际的HTML元素，除了放置在其中的文本（但没有编号），不会为其呈现任何内容：

var-li；
设el=document.createElement（li）；
控制台日志（el）您有几个问题：


您使用的是
表单
，因此当您单击
按钮
时，表单
提交并离开页面。在您的情况下，您实际上不会在任何地方提交数据，因此您甚至不需要
表单
元素，也不需要为字段指定
名称
属性
您没有引号中的
li
，因此您实际上没有创建
元素。如果没有引号，系统会认为
li
是一个变量，但由于没有一个名为该变量的变量，因此会创建一个新的全局变量，其值为
undefined
，因此您的代码执行为：
document.createElement（“undefined”）
，它实际上创建了：
，但由于它不是实际的HTML元素，除了放置在其中的文本（但没有编号），不会为其呈现任何内容：


var-li；
设el=document.createElement（li）；
控制台日志（el）2对代码的快速修复（我个人会重写整个代码）：

将
type=“button”
添加到按钮。它将防止按钮默认为
submit


var li=document.createElement（li）中的语法错误。
li
应该用引号括起来：


2个代码快速修复（我个人会重写整个代码）：

将
type=“button”
添加到按钮。它将防止按钮默认为
submit


var li=document.createElement（li）中的语法错误。
li
应该用引号括起来：


var li = document.createElement('li');