[问答题]
DOM 树 BFS 遍历,对于给定的选择器,要求找到对应 DOM 节点,并按照广度优先(BFS)对该 DOM 树进行遍历,要求遍历到每个节点时,在控制台中打印出对应节点的类型及类名,请给出对应遍历方法的代码实现。
方法定义:
traverse(selector: string) => void;
调用示例:
DOM 树
<div class="root">
<div class="container">
<section class="sidebar">
<ul class="menu"></ul>
</section>
<section class="main">
<article class="post"></article>
<p class="copyright"></p>
</section>
</div>
</div>
执行调用
traverse('.root');
控制台输出
DIV .root
DIV .container
SECTION .sidebar
SECTION .main
UL .menu
ARTICLE .post
P .copyright