为什么会显示未定义

为什么我点击按钮总显示add方法未定义啊，可我是定义了的啊。

function add(){
      var table = document.getElementById("table");
      var tr = document.createElement("tr");
      table.appendChild(tr);
      var td = document.createElement("td");
      td.innerHTML="xh003";
      tr.appendChild(td);

    
  }

<input type="button" value="添加一行"   onclick="add()"/>