javascript - 从 javascript 数组创建 HTML 表格

Question

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

到目前为止我有这段代码:

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);