HTML 元素树 jQuery 插件答案

【问题标题】：HTML Element Tree jQuery PluginHTML 元素树 jQuery 插件
【发布时间】：2016-12-17 21:58:02
【问题描述】：

我正在寻找一个 jQuery 插件，它将在树中列出 HTML 文件的所有 HTML 元素，并在树中显示所有父元素和子元素。我已经测试了强烈推荐的 jstree jQuery 插件，但该插件要求节点位于无序列表中。是否有使用 jstree 插件的解决方法，以便它列出所有 HTML 元素或不需要每个 HTML 元素都在无序列表中的插件？

【问题讨论】：

元素类型有什么区别？我用过的大部分树都是使用列表元素完成的
树需要在同一页面上以所见即所得的方式显示 HTML 文件中的图像、文本等元素的列表。 HTML 文件中的元素不是列表元素，也不是列表元素的子元素。
那为什么不能是<li>的内容呢？
假设它们可以，但是 PHP 脚本必须将它们合二为一并创建一个单独的 HTML 文件，因此原始文件的格式看起来不像是一个巨大的列表。我
样式与php无关……是用css完成的

标签： javascript php jquery html

【解决方案1】：

你能用Javascript吗？轻松完成：

var all = document.getElementsByTagName('*');

for(var i = 0; i < all.length; i++) {
  console.log(all[i]);
}

【讨论】：

感谢您的建议。你能解释一下这个js脚本在做什么吗？我的 javascript 技能不是最熟练的。
很简单。我们使用getElementsByTagName，然后传入代表all 的*，这样它就可以获取DOM 中的所有元素，然后我们只需遍历所有这些元素并对其进行处理。就我而言，我只是 console.logged 他们，但你可以将它们打印到屏幕上或任何东西上。