`document.getElementsByClassName`是一個DOM方法，它返回一個HTMLCollection，其中包含了所有具有指定類名的元素。然而，這個方法并不直接支持基于多層CSS類結構的查詢。它只能接受一個或多個類名作為參數，而不考慮這些類名在DOM樹中的層級關系。 如果你想根據多層CSS類結構查找元素，你可以使用`document.querySelectorAll`方法，它允許你使用CSS選擇器來查詢元素，包括基于類名的層級結構。 例如，假設你有以下HTML結構： ~~~ htmlCopy code<div class="parent"> <div class="child"> <div class="grandchild">Content</div> </div> </div> ~~~ 如果你想選擇類名為`grandchild`的元素，它位于類名為`child`的元素內部，同時這個`child`元素又位于類名為`parent`的元素內部，你可以這樣做： ~~~ javascriptCopy codevar elements = document.querySelectorAll('.parent .child .grandchild'); ~~~ 這個查詢將返回所有滿足這種層級關系的元素。`querySelectorAll`返回的是一個`NodeList`，你可以像處理數組一樣遍歷它： ~~~ javascriptCopy codeelements.forEach(function(element) { console.log(element); // 這里你可以對每個找到的元素進行操作 }); ~~~ 請注意，`querySelectorAll`方法返回的是一個靜態的`NodeList`，它不會隨著DOM的變化而更新。而`getElementsByClassName`返回的是一個實時的`HTMLCollection`，它會隨著DOM的變化而更新。