如何获取HTML标签外的注释文本？childNodes取值为何返回undefined？

算力阿峰

2026-7-31

提取HTML标签外最后一条注释文本的解决方案

核心问题说明

你定位的goal[2]确实是目标注释节点，但注释节点属于Comment类型节点，需通过特定属性获取内容，以下是具体解决步骤：

直接获取已知索引的注释内容

如果你已经确认目标节点的索引是childNodes[2]，可以直接验证节点类型并读取内容：

// 获取HTML节点及父节点的子节点集合
const htmlNode = document.getElementsByTagName('html')[0];
const childNodes = htmlNode.parentNode.childNodes;

// 定位目标注释节点
const targetComment = childNodes[2];
// 验证是否为注释节点（nodeType=8 代表Comment类型）
if (targetComment.nodeType === 8) {
  console.log(targetComment.nodeValue); // 输出：a comment here
}

更稳妥的遍历筛选方案

浏览器会把代码中的换行、空格解析为空白文本节点，直接按索引取可能不稳定，推荐遍历筛选出HTML标签外的最后一条注释：

const htmlNode = document.getElementsByTagName('html')[0];
const parentNode = htmlNode.parentNode;
let lastOuterComment = null;

// 从后往前遍历子节点，找到第一个注释节点
for (let i = parentNode.childNodes.length - 1; i >= 0; i--) {
  const currentNode = parentNode.childNodes[i];
  // 注释节点的nodeType固定为8
  if (currentNode.nodeType === 8) {
    lastOuterComment = currentNode;
    break;
  }
}

// 输出结果
if (lastOuterComment) {
  console.log(lastOuterComment.nodeValue);
}