Javascript 清除HTMLTableElement的内容

我有以下表格元素：

<table id="my-table" class="table table-striped table-hover ">Loading...</table>

更多信息：

alert(document.getElementById("my-table")); //output is [object HTMLTableElement]
alert(document.getElementById("my-table").innerHTML); //output is empty alert
alert(document.getElementById("my-table").getCaption()); //console says "undefined is not a function"

我不清楚为什么getCaption返回undefined，因为它似乎是下面的一个函数

---

如何删除加载。。。在我的表完成加载之后，在我用适当的HTML填充表之前？或者，如何删除加载。。。写完我的表格后，马上？

感谢@Phylogenesis和@Paul Roub，修复了它

我变了

<table id="my-table" class="table table-striped table-hover ">Loading...</table>

现在它起作用了。谢谢

---

编辑：在我的特殊情况下，我实际上能够完全删除清除调用，因为我在下一行中覆盖了元素。

首先不要使用无效的HTML。由Some Text创建的DOM树涉及将Text节点放置在表之前。这就是为什么清空它没有效果。文本不在表中。@Liam该列表不准确。不能是孩子的和你的思念elements@Phylogenesis这是正确的。您最好的选择是包括加载。。。在虚拟加载中。。。一行这实际上将存在于表中，当您清空表的内容时，它将被删除。对不懂web开发的人投反对票？：-。。。不是特别有效。任何一个或是的。既然您已经在使用jQuery，我更希望看到$'my-table'.empty@系统发育学我先尝试过，但它告诉我未定义的功能。我可能在其他地方搞砸了……我想如果我完全放弃那条线，它应该会起作用。因为我在下一行重写innerHTML您是像我写的那样尝试的，还是尝试了document.getElementById'my-table'.empty；？后者不起作用，因为jQuery包装器提供了空函数。

alert(document.getElementById("my-table")); //output is [object HTMLTableElement]
alert(document.getElementById("my-table").innerHTML); //output is empty alert
alert(document.getElementById("my-table").getCaption()); //console says "undefined is not a function"

<table id="my-table" class="table table-striped table-hover ">Loading...</table>

<table id="my-table" class="table table-striped table-hover "><tr><td>Loading...</td></tr></table>

$('#my-table').empty();