html删除div子节点为空的节点，只是保存有内容的节点及其父节点。为空的所有节点都删除

你可以使用 JavaScript 遍历 HTML DOM 树，找到所有子节点为空的 div 节点，并删除它们。具体的代码实现如下：

// 找到所有子节点为空的 div 节点
var emptyDivs = document.querySelectorAll("div:empty");

// 遍历并删除这些节点
emptyDivs.forEach(function(div) {
  div.parentNode.removeChild(div);
});

这段代码首先使用 `querySelectorAll` 方法找到所有子节点为空的 div 节点，然后使用 `forEach` 方法遍历这些节点，并使用 `removeChild` 方法将它们从其父节点中删除。

相关问题

js筛选出父节点中是div的子节点

你可以使用JavaScript的`querySelectorAll`方法来筛选出父节点中是`div`的子节点。以下是一个示例代码：

// 获取父节点
var parent = document.getElementById('parent');

// 筛选出父节点中是div的子节点
var divChildren = parent.querySelectorAll('div');

// 遍历筛选结果
divChildren.forEach(function(child) {
  console.log(child);
});

在上述代码中，首先通过`getElementById`方法获取到父节点，然后使用`querySelectorAll`方法筛选出父节点中所有的`div`子节点，并将结果保存在`divChildren`变量中。最后，可以通过遍历`divChildren`数组来输出每个子节点。

eltree组件，当搜索为空，或者搜索条件清空时，折叠所有节点

可以在 elt-tree 的搜索框 v-model 绑定一个变量，当这个变量为空时，通过 $refs 获取到 elt-tree 组件的实例，然后调用它的 collapseAll() 方法来折叠所有节点。

示例代码如下：

<template>
  <div>
    <input v-model="searchKey" @input="handleSearch" placeholder="请输入搜索关键词" />
    <elt-tree :data="data" ref="tree"></elt-tree>
  </div>
</template>

<script>
export default {
  data() {
    return {
      searchKey: '',
      data: [
        {
          label: '节点1',
          children: [
            { label: '子节点1' },
            { label: '子节点2' },
          ],
        },
        {
          label: '节点2',
          children: [
            { label: '子节点3' },
            { label: '子节点4' },
          ],
        },
      ],
    };
  },
  methods: {
    handleSearch() {
      if (!this.searchKey) {
        const tree = this.$refs.tree;
        tree.collapseAll();
      }
    },
  },
};
</script>

当搜索框的值为空时，调用 handleSearch() 方法，获取到 elt-tree 组件的实例并调用 collapseAll() 方法即可。