Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/456.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JavaScript错误…单击按钮时未创建元素_Javascript_Button_Event Listener_Createelement - Fatal编程技术网

JavaScript错误…单击按钮时未创建元素

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”时创建一个表,但它没有这样做。这是我的密码:

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;
}

点击这里