WordPress主题开发：获取ul子元素返回undefined问题排查

核心问题出在document.getElementsByClassName的返回值上——它返回的是HTMLCollection（类数组的节点集合），不是单个DOM元素。你直接调用xxxy.children，其实是在访问这个集合对象的children属性，但HTMLCollection本身没有这个属性，所以会返回undefined。

解决步骤如下：

• 从集合中取出目标元素：因为你说集合里只有1个元素，直接用索引[0]获取即可

  let xxxy = document.getElementsByClassName("is-flex-container columns-3 alignwide wp-block-post-template is-layout-flow");
  let targetUl = xxxy[0];
  console.log(targetUl.children);
  

• 更简洁的写法：用querySelector替代，它直接返回单个匹配的DOM元素

  let targetUl = document.querySelector(".is-flex-container.columns-3.alignwide.wp-block-post-template.is-layout-flow");
  console.log(targetUl.children);
  

• 额外提醒：如果代码执行时DOM还没加载完成，即使选择器正确也可能拿不到元素。可以把代码放在DOMContentLoaded回调里，确保DOM加载完毕后再执行：

  document.addEventListener('DOMContentLoaded', function() {
    let targetUl = document.querySelector(".is-flex-container.columns-3.alignwide.wp-block-post-template.is-layout-flow");
    if (targetUl) {
      console.log(targetUl.children);
    }
  });
  

内容的提问来源于stack exchange，提问作者Erkekjetter Silenoz