如何获取父类real-time-data dark下__bolder label-range-fall元素的innerHTML并打印到控制台

直接通过CSS选择器匹配目标元素后遍历输出即可：

// 匹配父元素下所有符合类名要求的元素
const targets = document.querySelectorAll('.real-time-data.dark .__bolder.label-range-fall')
// 遍历打印内容
targets.forEach(item => {
  console.log(item.innerHTML.trim())
})

选择器说明 #

• .real-time-data.dark：两个类名之间无空格，代表匹配同时包含real-time-data和dark两个类的父元素
• 后面加空格再接.__bolder.label-range-fall：代表匹配上述父元素的后代中，同时包含__bolder和label-range-fall两个类的所有元素
• 代码中trim()方法用于去除内容首尾多余的空白字符，不需要可以直接删除改为console.log(item.innerHTML)

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