使用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   长度：1    proto ：HTMLCollection

如何进一步向下钻取head_01Bd000000WqJ9k_ep并获得类pbSubheader brandTertiaryBrd tertiaryPalette的第一个孩子

如果我没有将这个链接起来，请纠正我。提前致谢

Answer 1

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

Answer 2

您无法使用getElementsByClassName("pbSubheader brandTertiaryBrd tertiaryPalette"); 您只能指定一个类，如下所示：

getElementsByClassName("pbSubheader");