HTML公式化JavaScript

我对JavaScript有问题。当我按下“添加”按钮时，我想用表单中的列表创建一个表

例如： 新课程：名称：A，内容：B=>Add

|name|content
|  A |   B

每一条新记录都会出现在表格的末尾。 你知道我该怎么做吗？用PHP我会很容易，但我想用JavaScript

我的想法是将此代码添加到脚本中： 文件。addEventListener（'DOMContentLoaded'，registerCallbacks）；函数registerCallbacks（）{var addButton=document.getElementById（'add'）；addButton.addEventListener（'click'，函数（evt）{add（）；evt.preventDefault（）；}）

document.addEventListener（'DOMContentLoaded'，registerCallbacks）；
函数registerCallbacks（）{
var addButton=document.getElementById（'add'）；addButton.addEventListener（'add'）
单击'，函数（evt）{add（）；evt.preventDefault（）；}）；

讲座名称：



内容：



添加

因此，第一步是激活按钮：

// Here we call the function Add() if someone clicks the button.
<button id="add" onclick="Add()"> Add </button>

下面是一个工作片段：

let table=document.getElementById（“table”）；
函数Add（）{
//我们在此请求用户填写的所有信息。
让name=document.getElementById（“name”）.value，
content=document.getElementById（“content”）.value；
//添加到表中
table.innerHTML+=“”+名称+“”+内容+“”
}

表格{
字体系列：arial，无衬线；
边界塌陷：塌陷；
宽度：100%；
}
td，th{
边框：1px实心#dddddd；
文本对齐：左对齐；
填充：3倍；
}
tr:n个孩子（偶数）{
背景色：#dddddd；
}

讲座名称：



内容：



添加
演讲
内容

因此，第一步是激活按钮：

// Here we call the function Add() if someone clicks the button.
<button id="add" onclick="Add()"> Add </button>

下面是一个工作片段：

let table=document.getElementById（“table”）；
函数Add（）{
//我们在此请求用户填写的所有信息。
让name=document.getElementById（“name”）.value，
content=document.getElementById（“content”）.value；
//添加到表中
table.innerHTML+=“”+名称+“”+内容+“”
}

表格{
字体系列：arial，无衬线；
边界塌陷：塌陷；
宽度：100%；
}
td，th{
边框：1px实心#dddddd；
文本对齐：左对齐；
填充：3倍；
}
tr:n个孩子（偶数）{
背景色：#dddddd；
}

讲座名称：



内容：



添加
演讲
内容

希望这能奏效

$（文档）.ready（函数（）{
$（“#添加”）。单击（函数（）{
var name=document.getElementById（“name”）.value；
var content=document.getElementById（“content”）.value；
$（“#表”）.find（'tbody'）.append（“+name+”+content+”）；
});
})；

添加新行
.头{
边框：1px实心；
背景：#AEB6BF；
}
.栏目{
边框：1px实心；
背景：#EAEDED；
}
讲座名称：



内容：



添加
名称
内容

希望这能奏效

$（文档）.ready（函数（）{
$（“#添加”）。单击（函数（）{
var name=document.getElementById（“name”）.value；
var content=document.getElementById（“content”）.value；
$（“#表”）.find（'tbody'）.append（“+name+”+content+”）；
});
})；

添加新行
.头{
边框：1px实心；
背景：#AEB6BF；
}
.栏目{
边框：1px实心；
背景：#EAEDED；
}
讲座名称：



内容：



添加
名称
内容

以下是一种实现方法：

var add_button=document.getElementById（“add”）；
var name_field=document.getElementById（“名称”）；
var content_field=document.getElementById（“内容”）；
var table=document.getElementById（“表格”）；
add_按钮。addEventListener（“单击”），函数（e）{
e、 预防默认值（）；
table.style=“显示：块；”；
table.innerHTML+=“”+name\u field.value+“”+content\u field.value+“”
})；

HTML公式表
讲座名称：



内容：



添加
名称
内容

以下是一种实现方法：

var add_button=document.getElementById（“add”）；
var name_field=document.getElementById（“名称”）；
var content_field=document.getElementById（“内容”）；
var table=document.getElementById（“表格”）；
add_按钮。addEventListener（“单击”），函数（e）{
e、 预防默认值（）；
table.style=“显示：块；”；
table.innerHTML+=“”+name\u field.value+“”+content\u field.value+“”
})；

HTML公式表
讲座名称：



内容：



添加
名称
内容

document.addEventListener（'DOMContentLoaded'，registerCallbacks）；函数registerCallbacks（）{var addButton=document.getElementById（'add'）；addButton.addEventListener（'click'，函数（evt）{add（）；evt.preventDefault（）；}）；是

addVL

什么应该添加数据到表中？你有没有为此编写的东西？如果有，编辑你的问题并添加它将对任何想尝试回答的人都有帮助。你是否已经在HTML中定义了一个表，或者你想只有在有人第一次按下add后才能生成该表？@Marc请注意，

Add

按钮位于表单中，当您单击此按钮时，表单可能会被发布，在添加每一行后刷新页面。document.addEventListener（'DOMContentLoaded'，registerCallbacks）；function registerCallbacks（）{var addButton=document.getElementById（'Add'）；addButton.addEventList