如何获取指定class属性元素的innerHTML文本？

方法一：使用getElementsByClassName #

document.getElementsByClassName()返回的是类数组的HTMLCollection，需通过索引定位具体元素后再获取文本：

// 获取所有匹配类名的元素
const elementCollection = document.getElementsByClassName("QN1ves1hk0MUeUx70asdhg7VPFdkXeNa oPikK3G2Tkv7yYgW_phm8QoqS9GeopSy");
// 检查集合非空，取第一个元素的文本
if (elementCollection.length > 0) {
  const successText = elementCollection[0].textContent.trim();
  console.log(successText); // 输出目标文本 "Your request was successfully submitted."
}

方法二：使用querySelector（更简洁） #

querySelector可直接返回匹配CSS选择器的第一个元素，多个类名用.连接（无空格，代表元素同时拥有这两个类）：

const targetElement = document.querySelector(".QN1ves1hk0MUeUx70asdhg7VPFdkXeNa.oPikK3G2Tkv7yYgW_phm8QoqS9GeopSy");
if (targetElement) {
  const successText = targetElement.textContent.trim();
  console.log(successText);
}

关键说明 #

• 优先用textContent获取文本，它能获取元素所有文本内容（包括子元素），兼容性好；innerText会受元素样式影响，可能返回不完整文本。
• trim()用于去除文本前后的空白字符，确保拿到干净的目标文本。

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