计算 div 中的 div 数量

要计算一个包含多个嵌套的 div 元素的 div 中的 div 数量，我们可以使用递归函数。

function countDivs(element) {
  let count = 0;
  if (element.tagName === "DIV") {
    count++;
  }
  const children = element.children;
  for (let i = 0; i < children.length; i++) {
    count += countDivs(children[i]);
  }
  return count;
}

代码中定义了一个 countDivs 函数，用于计算一个包含多个嵌套的 div 元素的 div 中的 div 数量。该函数接收一个元素作为参数，首先判断该元素是否为 div 元素，如果是，则将计数器加一。接着遍历该元素的子元素，对每个子元素都执行 countDivs 函数，累加返回值到计数器中。最后将计数器返回。

我们可以将该函数应用到任意一个包含多个嵌套的 div 元素的 div 中，例如：

const div = document.querySelector("#my-div");
const divCount = countDivs(div);
console.log(divCount); // 输出该 div 中包含的 div 数量

Markdown 格式代码片段如下:

## 计算 div 中的 div 数量

要计算一个包含多个嵌套的 div 元素的 div 中的 div 数量，我们可以使用递归函数。

```javascript
function countDivs(element) {
  let count = 0;
  if (element.tagName === "DIV") {
    count++;
  }
  const children = element.children;
  for (let i = 0; i < children.length; i++) {
    count += countDivs(children[i]);
  }
  return count;
}

代码中定义了一个 countDivs 函数，用于计算一个包含多个嵌套的 div 元素的 div 中的 div 数量。该函数接收一个元素作为参数，首先判断该元素是否为 div 元素，如果是，则将计数器加一。接着遍历该元素的子元素，对每个子元素都执行 countDivs 函数，累加返回值到计数器中。最后将计数器返回。

我们可以将该函数应用到任意一个包含多个嵌套的 div 元素的 div 中，例如：

const div = document.querySelector("#my-div");
const divCount = countDivs(div);
console.log(divCount); // 输出该 div 中包含的 div 数量