在Workday中修改textContent遇阻：无法通过getElementsByClassName获取元素

• getElementsByClassName返回的是HTMLCollection类数组对象，不是单个DOM元素，直接调用textContent会得到undefined。要获取元素内容，得通过索引访问，或者先判断元素是否存在：

  const courses = document.getElementsByClassName('gwt-InlineLabel WG5F WF4F');
  if (courses.length > 0) {
    console.log(courses[0].textContent);
  } else {
    console.log('没找到目标元素');
  }
  

• Workday用GWT框架动态渲染页面，你的代码可能在元素还没加载完就执行了。可以试试这两种办法：

  • 先延迟执行测试是不是时机问题：

    setTimeout(() => {
      const courses = document.getElementsByClassName('gwt-InlineLabel WG5F WF4F');
      if (courses.length > 0) {
        console.log(courses[0].textContent);
      }
    }, 2000);
    

  • 用MutationObserver监听DOM变化，等目标元素出现再执行（更稳定）：

    const observer = new MutationObserver((mutations) => {
      const courses = document.getElementsByClassName('gwt-InlineLabel WG5F WF4F');
      if (courses.length > 0) {
        console.log(courses[0].textContent);
        observer.disconnect(); // 找到元素后停止监听
      }
    });
    
    observer.observe(document.body, {
      childList: true,
      subtree: true
    });
    

• 另外注意：Workday的动态类名（比如WG5F、WF4F）可能会随时变动，建议结合元素的其他固定属性定位，比如父节点结构、aria-label等，避免依赖易变的动态类。

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