从 JavaScript 数组创建 HTML 表格

我想获取页面上 HTML 元素的所有类，将其拆分并存储在数组中。之后，我想将其写入 div 中的表中，其中包含我已经拥有的 id“table”。

到目前为止我有这个代码：

var string = $('html').attr('class');
var array = string.split(' ');
var arrayLength = parseInt(array.length);

for (i=0; i<=arrayLength; i++) {
    // code
}

<div id="test><!-- table goes here --></div>

剩下的你能帮我吗？

顺便说一句，HTML 元素具有来自 Modernizr.js 的类。

PS：代码是纯JS和jQuery的结合。因为我不知道如何在纯JS中获取HTML元素的所有类。任何想法？

如果您尝试完全删除 jQuery，请使用以下命令：

// Get array of classes without jQuery
var array = document.getElementsByTagName('html')[0].className.split(/\s+/);

var arrayLength = array.length;
var theTable = document.createElement('table');

// Note, don't forget the var keyword!
for (var i = 0, tr, td; i < arrayLength; i++) {
    tr = document.createElement('tr');
    td = document.createElement('td');
    td.appendChild(document.createTextNode(array[i]));
    tr.appendChild(td);
    theTable.appendChild(tr);
}

document.getElementById('table').appendChild(theTable);