Javascript 表格_Javascript_Html_Css_Modulo

Javascript 表格

javascript html css

Javascript 表格,javascript,html,css,modulo,Javascript,Html,Css,Modulo,我对这个练习有问题。我必须确保，当我单击按钮时，表格中会出现另一行，与我在第一行中输入的表单相同。我设法把这行，但我不知道如何添加的形式，因为当我添加这行只有一个铭文出现诺姆同源的诺姆 -- 函数aggiungi（）{ var table=document.getElementById（“tabella”）； var行=table.insertRow（0）； var cell1=行插入单元格（0）； var cell2=行插入单元格（1）； var cell3=行插入单元格

我对这个练习有问题。我必须确保，当我单击按钮时，表格中会出现另一行，与我在第一行中输入的表单相同。我设法把这行，但我不知道如何添加的形式，因为当我添加这行只有一个铭文出现






诺姆


同源的


诺姆
--


函数aggiungi（）{
var table=document.getElementById（“tabella”）；
var行=table.insertRow（0）；
var cell1=行插入单元格（0）；
var cell2=行插入单元格（1）；
var cell3=行插入单元格（2）；
cell1.innerHTML
//这三个是我认为我必须更改以添加表单的部分
cell1.innerHTML=“新建cell1”；
cell2.innerHTML=“新建cell2”；
cell3.innerHTML=“新建cell3”；
}

试试这样的方法……我不确定新的id是否可以这样工作，但id应该是单音的……这就是为什么我添加了例如id=“nome”+index+”

<html>
<head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>
<body>
<center>
<br>
<table border="1" align="center" width="45%" id="tabella">
<tr id="tr1">
<td width="25%" id="td1">
 <br>
  <div class="form-group">
    <label for="Nome">Nome</label>
    <input type="Nome" id="nome">
  </div>
</td>
<td width="25%">
 <br>
  <div class="form-group">
    <label for="Cognome">Cognome</label>
    <input type="Cognome">
  </div>
</td>
<td width="25%">
 <br>
  <div class="form-group">
    <label for="Nome">Nome</label>
    <input type="GG" placeholder="GG" style="width:50px">-<input type="MM" placeholder="MM" style="width:50px">-<input type="AAAA" placeholder="AAAA" style="width:50px">
  </div>
</td>
</tr>
</table>
<br>

<script>
var index = 0;
function aggiungi() {
  var table = document.getElementById("tabella");
  var row = table.insertRow(0);
  var cell1 = row.insertCell(0);
  var cell2 = row.insertCell(1);
  var cell3 = row.insertCell(2);
  cell1.innerHTML
  //these three are the ones I think I have to change to add the form 
  cell1.innerHTML = '<div class="form-group"><label for="Nome">Nome</label><input type="Nome" id="nome_'+index+'"></div';
  cell2.innerHTML = '<div class="form-group"><label for="Cognome">Cognome</label><input type="Cognome_'+index+'"></div>';
  cell3.innerHTML = '<label for="Nome">Nome</label><input type="GG" placeholder="GG" style="width:50px">-<input type="MM" placeholder="MM" style="width:50px">-<input type="AAAA" placeholder="AAAA" style="width:50px">';

    index++;
}
</script>

<input type="button" value="Clicca per aggiungere una riga" onclick="aggiungi()">
</center>
</body>
</html>






诺姆


同源的


诺姆
--


var指数=0；
函数aggiungi（）{
var table=document.getElementById（“tabella”）；
var行=table.insertRow（0）；
var cell1=行插入单元格（0）；
var cell2=行插入单元格（1）；
var cell3=行插入单元格（2）；
cell1.innerHTML
//这三个是我认为我必须更改以添加表单的部分
cell1.innerHTML='Nome