javascript - 无法使用 If - Else 元素存在于 Javascript 中

Question

我编写了一个 JS 函数来在 html 和 JS 中创建一个表，我想单击“提交”，然后创建表，但我不希望再次单击“提交”按钮来创建另一个表 我尝试在函数中使用 IF - Else 语句，但它不起作用

代码:

按钮:

 document.getElementById("btn_submit").addEventListener("click",sizeGrid)

功能

 function makeGrid(x,y) {
    event.preventDefault();
    if (document.getElementById('tbl') != null)
      {
        return;
      }
      else
      {
        var body = document.getElementById('pixelCanvas');
        var tbl  = document.createElement('table');
        for(var i = 0; i < x; i++){
           var tr = tbl.insertRow();
            for(var j = 0; j<y; j++){
              var td= tr.insertCell()
           }

        }

         body.append(tbl);
         paint()
      }

      }

HTML

    <h2>Design Canvas</h2>
<table  id="pixelCanvas">
</table>

点击两次提交后，该表被创建了两次

Answer 1

您应该通过 tbl.id = 'tbl' 将 tbl 的 id 设置为 'tbl'。