从javascript数组创建HTML表

Question

我想在我的页面上获取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元素的所有类.任何的想法？

Answer 1

如果您尝试删除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);