为什么onclick（）在button标记内不起作用？

Question

I put the onclick() inside the button tag but it's give me an SyntaxError .

I want to delete every rows if I click the button in the right corner of every rows.

var firstName = document.getElementById("txtFName");
var lastName = document.getElementById("txtLName");
var sex = document.getElementById("selSex");
var age = document.getElementById("txtAge");
var indice = [];
var id = 1;
var remove = "Remove";


var tblPerson = document.getElementById("tblPerson");

function remove(indice) { //remove row one by one
  for(var i = 0; i < indice.length; i++)
      myArray.splice(indice, 1);

}

function print() {
  var objPerson = new Person(id, firstName.value, lastName.value, selSex.value, age.value, remove); //instantiation 
  var display = "";


  display += "<tr>";

    display += "<td>" + objPerson._id + "</td>";
    display += "<td>" + objPerson._firstName + "</td>";
    display += "<td>" + objPerson._lastName + "</td>";
    display += "<td>" + objPerson._sex + "</td>";
    display += "<td>" + objPerson._age + "</td>";
    display += "<td>" + "<button onclick = "remove()">" + objPerson._remove + "</button>" + 
    "</td>"; //onclick gives me a SyntaxError


  display += "</tr>";
  tblPerson.innerHTML += display; //display the output many times
  id++; //increment id
}

Answer 1

Because you have a concatenation error in this line

display += "<td>" + "<button onclick = "remove()">" + objPerson._remove + "</button>"

which should be

display += "<td>" + "<button onclick = 'remove()'>" + objPerson._remove + "</button>"

or

display += "<td>" + "<button onclick = \"remove()\">" + objPerson._remove + "</button>"

Except I seriously advise against concatenating html strings because it's not elegant and flexible at all. Use document.createElement() instead.