JavaScript错误…单击按钮时未创建元素
我的代码是这样的,它应该在单击“submitButton”时创建一个表,但它没有这样做。这是我的密码:JavaScript错误…单击按钮时未创建元素,javascript,button,event-listener,createelement,Javascript,Button,Event Listener,Createelement,我的代码是这样的,它应该在单击“submitButton”时创建一个表,但它没有这样做。这是我的密码: submitButton.addEventListener("click", () => { var newTable = document.createElement("table"); for(let i = 0; i < parseInt(numOfStudents); i++){ var newRow = docume
submitButton.addEventListener("click", () => {
var newTable = document.createElement("table");
for(let i = 0; i < parseInt(numOfStudents); i++){
var newRow = document.createElement("tr");
var newInput = document.createElement("td");
var newInput2 = document.createElement("td");
document.newRow.appendChild(newInput);
document.newRow.appendChild(newInput2);
document.newTable.appendChild(newRow);
document.body.appendChild(newTable);
}
});
submitButton.addEventListener(“单击”,()=>{
var newTable=document.createElement(“表”);
for(设i=0;i
您不能使用body访问元素。您需要使用诸如getElementById等DOM函数。。如果它是一个新创建的元素,就像在循环中一样,您可以直接附加到它们,如下所示
var numOfStudents=10
submitButton=document.getElementById(“submitButton”)
submitButton.addEventListener(“单击”,()=>{
var newTable=document.createElement(“表”);
for(设i=0;i
按钮
您不能使用body访问元素。您需要使用诸如getElementById等DOM函数。。如果它是一个新创建的元素,就像在循环中一样,您可以直接附加到它们,如下所示
var numOfStudents=10
submitButton=document.getElementById(“submitButton”)
submitButton.addEventListener(“单击”,()=>{
var newTable=document.createElement(“表”);
for(设i=0;i
按钮
您只需要在其中添加一些文本。否则您将看不到它(除非您打开开发控制台)
以下是一个例子:
//助手
const createElement=el=>document.createElement(el)
const createText=text=>document.createTextNode(文本)
//创建行
const addStudentRows=学生=>{
const$body=document.querySelector('body')
const$table=createElement('table')
for(设i=0;iaddStudentRows(1))
表格{
边缘底部:10px;
}
表tr td{
填充:10px;
右边框:1px实心#f0;
边框顶部:1px实心#f0;
边框底部:1px实心#f0;
}
表tr td:第一个孩子{
左边框:1px实心#f0;
}
点击这里
您只需要在其中添加一些文本。否则您将看不到它(除非您打开开发控制台)
以下是一个例子:
//助手
const createElement=el=>document.createElement(el)
const createText=text=>document.createTextNode(文本)
//创建行
const addStudentRows=学生=>{
const$body=document.querySelector('body')
const$table=createElement('table')
for(设i=0;iaddStudentRows(1))
表格{
边缘底部:10px;
}
表tr td{
填充:10px;
右边框:1px实心#f0;
边框顶部:1px实心#f0;
边框底部:1px实心#f0;
}
表tr td:第一个孩子{
左边框:1px实心#f0;
}
点击这里