Create HTML table from javascript array

前端 未结 3 1868
野趣味
野趣味 2020-12-31 19:00

I want to get all classes of the HTML element on my page, split it and store it in array. After that I want to write it into my table in the div with the id \"table\" which

3条回答
  •  醉酒成梦
    2020-12-31 19:39

    It is not clear if you want the class names per row or per column. These examples are one class name per row. Try this:

    var elm = $('#test'),
        table = $('').appendTo(elm);
    
    $(document.documentElement.className.split(' ').each(function() {
        table.append('');
    });
    

    I used native code to get the classNames of the HTML element: document.documentElement.className, but you might as well use $('html').attr('class').

    A native JS example using innerHTML:

    var d = window.document,
        elm = d.getElementById('test'),
        html = '
    '+this+'
    ', classes = d.documentElement.classNames.split(' '), i = 0; for(; classes[i]; i++) { html += ''; } elm.innerHTML = html + '
    ' + classes[i] + '
    ;

提交回复
热议问题