在JavaScript中，你可以使用递归函数来遍历DOM树并输出所有元素。以下是一个简单的示例：
function traverseAndLog(element) {
console.log(element);
var children = element.children;
for (var i = 0; i < children.length; i++) {
traverseAndLog(children[i]);
}
}
// 使用方法：传入页面的根元素，例如 document.body
traverseAndLog(document.body);
这段代码首先会打印出传入的元素，然后遍历该元素的所有子元素，并对每个子元素递归调用 traverseAndLog 函数。这样，它就会打印出页面中的所有元素。
需要注意的是，如果页面元素非常多，这种方式可能会在控制台输出大量的信息。此外，如果页面中有iframe或其他嵌入式内容，你可能需要特殊处理这些内容，因为它们的DOM结构可能不在主文档的DOM树中。
另外，element.children 只会获取元素的直接子元素，如果你需要遍历元素的所有后代元素（不仅仅是直接子元素），你可以使用 element.querySelectorAll('*') 来选择元素的所有后代元素，然后遍历这些元素。但请注意，这种方式不会保留元素的层次结构。
如果你想要保留元素的层次结构，并遍历所有后代元素，你可以稍微修改上面的递归函数，使用 element.querySelectorAll('*') 来获取所有后代元素，并在遍历过程中记录元素的层次。但这将使代码变得更复杂，并可能降低性能。