使用javascript读取孩子的孩子的内容

<div id="parent">
  <div class="child">
    <span>孩子的内容</span>
  </div>
</div>

// 获取父元素
const parentElement = document.getElementById('parent');

// 获取第一个子元素
const firstChildElement = parentElement.children[0];

// 获取第一个子元素的第一个子元素（即“孩子的孩子”）
const grandchildElement = firstChildElement.children[0];

// 读取内容
const content = grandchildElement.textContent;

console.log(content); // 输出: 孩子的内容

const childNodes = firstChildElement.childNodes;
for (let i = 0; i < childNodes.length; i++) {
  if (childNodes[i].nodeType === Node.ELEMENT_NODE) {
    console.log(childNodes[i].textContent);
  }
}

document.addEventListener('DOMContentLoaded', function() {
  // 确保DOM完全加载后再执行获取内容的代码
  const content = grandchildElement.textContent;
  console.log(content);
});