如何检查表是空的或不使用JavaScript

Question

所以我有这样的脚本通过javascript制作一个2x2表

function createtable(){
          var tbl = document.getElementById('x');
            if (tbl.contains()==false){
              tbl.setAttribute('border', '1');
              var tbdy = document.createElement('tbody');
              for (var i = 0; i < 2; i++) {
                var tr = document.createElement('tr');
                for (var j = 0; j < 2; j++) {         
                    var td = document.createElement('td');
                    tr.appendChild(td);
                    td.style.height='50px';
                    td.style.width='50px';
                }
                tbdy.appendChild(tr);
              }
              tbl.appendChild(tbdy);
        }

<form>
    <input type="button" value="Create Table" onclick="createtable()"> <br>
</form>
<table id="x"> </table>

我想检查表x是否包含任何内容以创建自己.我试图使用contains()来检查,但它不起作用.

Answer 1

您可以检查表中的行数：

var x = document.getElementById("myTable").rows.length;

请参阅此处的参考：https ://www.w3schools.com/jsref/coll_table_rows.asp

使用这个：

var tbl = document.getElementById('x');
if (tbl.rows.length == 0) {
   // empty
}

Answer 2

有多种方法。一种方法是，您可以使用 childElementCount 属性。

if (tbl.childElementCount==0)
{

}

欲了解更多详情，您可以参考链接