删除没有 id 标签的 div

Question

我需要一个解决方案来仅在 JavaScript 中删除没有 ID 标签的 div。 div 看起来像这样 。

这是完整的结构。

<tr id="-1">
  <td class="stxt">
    <div align="center">
    </div>
  </td>
</tr>

Answer 1

您需要弄清楚如何获取对它的引用，完成后，您可以使用以下方法删除它：

div.parentNode.removeChild(div);

当然 align 属性已被弃用，但无论如何，您可以找到 div with align="center" using：

var divs = document.getElementsByTagName('div');
var div;
var i = divs.length;

while (i--) {
  div = divs[i];

  if (div.getAttribute('align') == 'center') {
    div.parentNode.removeChild(div);
  }
}

这将删除文档中具有 align="center" 的每个 div。

请注意， getElementsByTagName 返回的对象是 节点列表。如果您从 0 开始迭代并删除节点，它们将从活动列表中删除，因此您将跳过您删除的节点后面的节点，并且最后将尝试访问不存在的节点。向后查看列表可以避免这些陷阱。另一种方法是将 NodeList 转换为数组，但这有点低效。

编辑

由于您编辑了问题，这里有一个更新答案。

您可以使用 getElementById 获取对 TR 的引用：

var root = document.getElementById('-1');

现在您可以查看 DOM：

var cell = root.cells[0]; // First cell in the row
var div = cell.getElementsByTagName('div')[0]; // first div
cell.removeChild(div);

这是特定于您发布的结构的。

Answer 2

如果您只能删除内容，则可以使用：

var all = document.getElementsByTagName("div");
for(i=0; i < all.length; i++) {
    all[i].innerHTML = ""
}

请参阅 http://jsfiddle.net/7KVkC/

Answer 3

您需要某种方法来使这个 div 标签独一无二。还有另一个名为 getElementsByTagName 的 javascipt 函数，您可以使用它来获取所有 div 标签的数组。然后，您可以使用 DOM 检查该 div 标签是否具有 align="center" 属性。