1238

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
</head>

<body>
<div id="table-lizing-array"></div>
<script>
var knigi = [
                {
                    autor: 'Лермонтов',
                    name: 'Война и Мир',
                    year: '1111',
                },
                {
                    autor: 'Лермонтов',
                    name: 'Война и Мир',
                    year: '1111',
                },
                {
                    autor: 'Лермонтов',
                    name: 'Война и Мир',
                    year: '1111',
                },
            ]
        var countknigi = knigi.length;

        var table = document.createElement('table');
        table.setAttribute('border', '1');
        table.setAttribute('color', '000');
        table.setAttribute('width','500');
        table.setAttribute('height', '300');

        var tbody = document.createElement('tbody');
        var tr = document.createElement('tr');
            tr.innerHTML = '<td>Автор</td><td>Низвание</td><td>Год издания</td>';
            tbody.appendChild(tr);
        var items = ['autor','name','year'];
        for(var i = 0; i < countknigi; i++){
            var tr = document.createElement('tr');
                for (var j = 0; j < 3; j++) {
                    var td = document.createElement('td');
                    var item = knigi[i][items[j]];
                    td.innerHTML = item;
                    tr.appendChild(td);
                }
                tbody.appendChild(tr);
        }
        table.appendChild(tbody);
        document.getElementById('table-lizing-array').appendChild(table);


</script>
</body>

</html>