javascript - 使用 getElementsByClassName 进行链接

Question

<script>
var elms = document.getElementById("contentWrapper").getElementsByClassName("pbSubheader brandTertiaryBrd tertiaryPalette");
console.log(elms);
for (var i=0; i<elms.length; i++) {
console.log(elms[i]);
}
</script>

当我尝试使用 getElementsByClassName 时，我没有看到与第二条 console.log 消息相关的日志。第一个 console.log 给了我

[item: function, namedItem: function] 0: div#head_01Bd000000WqJ9k_ep.pbSubheader.brandTertiaryBrd.tertiaryPalette head_01Bd000000WqJ9k_ep: div#head_01Bd000000WqJ9k_ep.pbSubheader.brandTertiaryBrd.tertiaryPalette length: 1 proto: HTMLCollection

如何进一步深入到 head_01Bd000000WqJ9k_ep 并获取 pbSubheader 品牌TertiaryBrd tertiaryPalette 类的第一个子级

如果我链接不正确，请有人纠正我。提前致谢

Answer 1

您可以使用 document.querySelectorAll("#contentWrapper .pbSubheader, #contentWrapper .brandTertiaryBrd, #contentWrapper .tertiaryPalette") 但请注意，IE7 及更低版本不支持此函数。